📑 Features

• Datagrid
• Data validation
• material-ui-templates
• example: checkout Material-ui is the most popular component library for React.

📑 netlify

to distribute the documentation.

📑 BrowserStack

to test in real browsers.

📑 CodeCov

to monitor the test coverage.

📑 React DnD

React DnD is a library used to build complex drag and drop interfaces

📑 props.children(state) + {loading, error, data}

this.state = { loading, error, data };
this.props.children(this.state);

const lifecycle = ({ loading, error, data }) => {
	if (loading) return <p>Loading</p>;
	if (error) return <p>Error:(</p>;
	data.map(renderDataMap);
};

📑 More

• proxy
• If you’re hosting your build with a static hosting provider you can use react-snapshot or react-snap to generate HTML pages for each route, or relative link, in your application.
• react-helmet: Manages the document head, including title, description and meta tags.

• Isomorphic apps are those which runs both on client and server.

  • Next. js is the framework for developing server-side rendered react applications.
  • CSR: client-side-rendering
  • SSR: server-side-rendering’, React.renderToString()
  • cheerio

• RxJs a library for composing asynchronous and event-based programs by using observable sequences. reactive programming 反应式编程

  • Redux, RxJs, Redux-Observable
• Redux-Saga: Generators, - Redux-thunk - reselect, normalizr

• styled-components, styled-systems, emotion

  • flexbox, grid, material-ui
  • rebassjs.org
• Flux is an architecture that Facebook uses internally when working with React. It is not a framework or a library. It is simply a new kind of architecture that complements React and the concept of Unidirectional Data Flow.
• JWT Web Token, OAuth2, Okta
• heroku , netlify, gitbook, surge
• web worker
• Promise vs. async/await
• useHooks
• Apollo GraphQL
• microservice framework
• macro-tasks, macro-services