IMPROVING PERFORMANCE IN REACT APP

React pre-optimization techniques

Understanding how React updates its UI

Profiling the React app to understand where bottlenecks are

Use the Production Build

Virtualize Long Lists

Avoid Reconciliation

shouldComponentUpdate(nextProps, nextState) {
return true;
}

Use React.Fragment to Avoid Adding Extra Nodes to the DOM

Wrapping up

Thank You

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store