React

Source Code

• React: https://github.com/facebook/react
• React docs: https://github.com/reactjs

Ecosystem

• React Router: https://reactrouter.com/
• Flux: https://github.com/facebook/flux Managing states, by Facebook.
• Redux: https://github.com/reduxjs/redux A modified Flux, by community
• Create React App: https://github.com/facebook/create-react-app A good starting point to build your own app. Created by Facebook.

Type Checking

• propTypes: now moved to a separate package prop-types, for runtime type checking for React props.
• Flow: the static type checker created by Facebook(meaning works pretty good with React). https://flow.org/
• Typescript: created by Microsoft and became popular with Angular 2+.

GraphQL and Relay

https://facebook.github.io/relay/

Integrate with GraphQL.

Script

Use script to load Google Maps

import Script from 'react-load-script';

let url = "http://maps.googleapis.com/maps/api/js?key="; + process.env.GOOGLE_API_KEY
    return (
      <div className="GMap">
        <Script
          url={url}
          onCreate={this.handleScriptCreate.bind(this)}
          onError={this.handleScriptError.bind(this)}
          onLoad={this.handleScriptLoad.bind(this)}

        />