Perf Tips

Key Ideas

• Avoid Reconciliation with shouldComponentUpdate() check

• Use Immutable Data Structures

• Use Production Build

• Profile Components with Chrome Timeline

• Defer computationally expensive tasks in componentWillMount/componentDidMount by using setTimeout and/or requestAnimationFrame

Articles

Optimizing Performance: Docs

Performance Engineering with React

Tips to optimise rendering of a set of elements in React

React.js Best Practices for 2016