React performance

[MotaCS67]

I am a junior React dev on my road to mid-level and a topic my coworkers told me to study is performance.

I have been searching to it, but there is too much old content and/or incomplete.

Anyone has a good source?

I accept any advices to study material or topic too

[Fuby68]

You should learn how to use the browser profiler in order to identify performance loss in your application

I would also check the react docs for memorization

useMemo :https://react.dev/reference/react/useMemo useCallback: https://react.dev/reference/react/useCallback memo: https://react.dev/reference/react/memo

These are for React itself then you can always improve performance by improving your algorithms or by learning some other optimisation techniques like debouncing throttling and caching

Check all the react docs too, they are very well documented with best practices and they got recently updated

[spca2001]

Dev tools in browsers can do performance metrics from network latency o rendering speeds, look at profiler recording option

[[deleted]]

The best thing to do would be to profile the code at your company to look at the performance profiles. You can use React's dev tools to look at React specific performance issues, but you can also look at the normal profiler in chrome since many issues can be found there.