Memoization in React - Andrei Pfeiffer | JSHeroes Meetups 2020
It is said that React is "fast enough". This is very true for most applications. However, rendering performance problems might occur in 2 different situations:
1) when we render many components or native elements, or
2) when we perform very frequent updates, during animations or gestures.
During this talk, we'll focus on the first use-case mentioned above. We'll identify performance problems, measure them using the React Profiler and fix them using various optimisation techniques such as React.memo(), useMemo() and useCallback().
About Andrei
He is a Developer / Designer hybrid. He equally loves to code designs and to design code. He is specialised in UI Development, both on web and mobile. He's an organizer of "revo.js" conference and "tim.js" meetup in Timisoara.
Twitter: / pfeiffer_andrei
FAQ:
Q: How long will the talk be?
A: About 1 hour.
Q: Will it be theoretical or practical?
A: It will be a mix, about 25% slides and 75% live coding demo.
Q: Do I need to know React to attend?
A: This is an advanced presentation, so prior experience with React is needed as it won't touch on aspects like React syntax, JSX, component types, state, or lifecycle.
Q: Will the demo use class or function components?
A: The demo will only use function components, although all the optimisations presented in the talk can be implemented for class components as well.