Get Started. It's Free
or sign up with your email address
React JS by Mind Map: React JS

1. JSX

1.1. expect single DOM

1.2. no inline CSS

1.3. can't use js keywords as properties

1.3.1. supported tags/attribures

1.4. attributes are camelcase

1.5. HTML to JSX converter

1.6. comments

2. Events

2.1. Event Properties

3. SyntheticEvent

3.1. note

3.2. Cannot listen directly in components

3.3. Regular DOM Events

3.4. The meaning of <this> inside handlers

3.5. Improved Performance

4. ReactDOM

4.1. render( )

4.1.1. JSX

4.1.2. DOM

5. Component

5.1. this.props

5.2. this.props.children

5.3. this.state

5.4. API

5.4.1. setState

5.4.2. getInitialState

5.4.3. getDefaultProps

5.4.4. render

5.4.5. Lifecycle Methods

5.4.5.1. componentWillMount

5.4.5.2. componentDidMount

5.4.5.3. componentWillUnmount

5.4.5.4. coponentWillUpdate

5.4.5.5. componentDidUpdate

5.4.5.6. shouldComponentUpdate

5.4.5.7. componentWillReceiveProps

5.5. Concepts

5.5.1. how to define one

5.5.1.1. React.createClass( )

5.5.1.1.1. render( )

5.5.2. Capitalization

5.6. Initial Render

5.6.1. getDefaultProps

5.6.2. getInitialState

5.6.3. componentWillMount

5.6.4. render

5.6.5. componentDidMount

5.7. Updating Phase

5.7.1. State Change

5.7.1.1. shouldComponentUpdate

5.7.1.1.1. newProps

5.7.1.1.2. newState

5.7.1.2. componentWillUpdate

5.7.1.3. render

5.7.1.4. componentDidUpdate

5.7.2. Props Change

5.7.2.1. componentWillReceiveProps

5.7.2.2. shouldComponentUpdate

5.7.2.3. componentWillUpdate

5.7.2.4. render

5.7.2.5. componentDidUpdate

5.8. Unmount

5.8.1. componentWillUnmount

6. ref