Pro-Level React Do's and Don'ts

Discover essential best practices and common pitfalls in React development through this informative video. Learn why functional components are preferred, how to properly utilize them, and the benefits of incorporating TypeScript into your projects. Gain insights on optimizing performance by understanding re-renders, dependency arrays, and the proper use of useCallback and useMemo hooks. Explore the power of custom hooks, evaluate when to use Redux, and consider the advantages of query libraries. Avoid the temptation of creating your own UI library and instead focus on leveraging existing solutions for more efficient development.

Syllabus

Introduction.
Do use functional components.
Don’t think of function components as templates.
Do use TypeScript.
Don’t worry about re-renders (too much).
Do learn to love dependency arrays.
Don’t ignore useCallback or useMemo.
Do learn to make custom hooks.
Don’t use Redux just because you think you have to.
Do use a query library.
Don’t make your own UI library.
Outroduction.