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

1. ReactDOM

1.1. render( )

1.1.1. JSX

1.1.2. DOM

2. Component

2.1. this.props

2.2. this.props.children

2.3. this.state

2.4. API

2.4.1. setState

2.4.2. getInitialState

2.4.3. getDefaultProps

2.4.4. render

2.4.5. Lifecycle Methods

2.4.5.1. componentWillMount

2.4.5.2. componentDidMount

2.4.5.3. componentWillUnmount

2.4.5.4. coponentWillUpdate

2.4.5.5. componentDidUpdate

2.4.5.6. shouldComponentUpdate

2.4.5.7. componentWillReceiveProps

2.5. Concepts

2.5.1. how to define one

2.5.1.1. React.createClass( )

2.5.1.1.1. render( )

2.5.2. Capitalization

2.6. Initial Render

2.6.1. getDefaultProps

2.6.2. getInitialState

2.6.3. componentWillMount

2.6.4. render

2.6.5. componentDidMount

2.7. Updating Phase

2.7.1. State Change

2.7.1.1. shouldComponentUpdate

2.7.1.1.1. newProps

2.7.1.1.2. newState

2.7.1.2. componentWillUpdate

2.7.1.3. render

2.7.1.4. componentDidUpdate

2.7.2. Props Change

2.7.2.1. componentWillReceiveProps

2.7.2.2. shouldComponentUpdate

2.7.2.3. componentWillUpdate

2.7.2.4. render

2.7.2.5. componentDidUpdate

2.8. Unmount

2.8.1. componentWillUnmount

3. JSX

3.1. expect single DOM

3.2. no inline CSS

3.3. can't use js keywords as properties

3.3.1. supported tags/attribures

3.4. attributes are camelcase

3.5. HTML to JSX converter

3.6. comments

4. Events

4.1. Event Properties

5. SyntheticEvent

5.1. note

5.2. Cannot listen directly in components

5.3. Regular DOM Events

5.4. The meaning of <this> inside handlers

5.5. Improved Performance

6. ref