From the course: React: Advanced Code Challenges
Join today to access over 25,200 courses taught by industry experts.
How to easily identify React bottlenecks? - React.js Tutorial
From the course: React: Advanced Code Challenges
How to easily identify React bottlenecks?
- [Instructor] Learning to identify performance bottlenecks in your React application is essential in order to keep your user interface responsive and sharp. So let's have a look at the main most important React bottlenecks that you may come across in your React application. First, using too much global states and props drilling, which is the fact of passing data down through multiple layers of the components in the application tree that may cause performance to degrade. Using complex logic inside render and also expensive calculation that you may overcome by using memorization, which is a technique to cache the results from previous renders and avoid unnecessary renders. And using also complex logic and the state lifted to high. Let's imagine that you want to update a component which is deeply nested in your application tree. In order to update it, you'd have to go all the way up. If the state is located and accessible only at the top level, you'd have to go all the way up to update…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.