1. Don’t use arrow functions when binding events, 2. Loop to use key correctly, 3. Use stateless component hooks, 4. Lazy loading Suspense and lazy — Sometimes, when we type code, we can avoid performance overhead by paying little attention to the following. Maybe just a little change, you can optimize the performance of other effects. 1. Try not to use arrow functions when binding events As we all know, most of the React updates come from props changes (passive rendering), and state changes (active rendering)…