React Travel

Based on React 15.4.2

• hello-react: Simple hello world demo without JSX and Babel
• hello-react-jsx: Hello world demo with JSX and Babel
• rerender: How to make React Component Re-render
• props-deliver: How to use Props to deliver to children
• state-render: State machine make the Component Re-render easily
• class: React.createClass && extends React.Component
• life: React Component Lifecycle
• ref: Get the some children instance from the render function
• form: Difference between Uncontrolled Form with Controlled Form
• pure: Not need shouldComponentUpdate and Optimize performance
• anim: how to use anim in React
• diff: React Diff algorithm
• ssr: React Sever Side Render
• perf: Use the React Perf Addon to test the React Perf
• bench: Use the Selenium to test React Perf
• To Be Continued

Show

Open the root index.html file

Develop

If you want to develop on the original basis

yarn
webpack -w

and have fun with React

If you want to new a example

yarn demo <name> // example name

Reference

• react-demos
• React Document
• 极客学院React教学(注：可能React版本太旧)