Tips for a Clean, Complete React Stack

on YouTube ↗22m

" summary

Practical guidance for building a clean, complete React project skeleton: the talk shows how to structure a React codebase, which libraries to include as 'nice-to-have' (tooling, state management and other ecosystem choices are discussed), and presents good practices and design patterns to avoid bad architectures and spaghetti code so you leave with a ready-to-use starter codebase and concrete refactoring ideas.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:08Next.js stack choice
3. 2:51Data management setup
4. 3:55Design system integration
5. 4:58Developer tools setup
6. 5:42Testing strategy
7. 7:32Component composition tips
8. 8:57Optimizing renders
9. 12:50UseEffect pitfalls
10. 15:16State vs useEffect
11. 17:24Optimization recap
12. 18:31Q&A

" related talks

• 15mReact Best Practices in 15 SlidesGilles Debunne · DevFest Toulouse 2017
• 42mClean Code vs. Dirty Code: React Best PracticesDonavon West · BuzzJS 3.1 2018
• 30mClean coding with React in a nutshellAnisha Swain · React Alicante 2022
• 22mCrafting Pristine React: Best Practices for Maintainable CodeMiguel Ángel Durán García · React Day Berlin 2023
• 25mBeautiful Abstractions "What I Learned Reading the Source-Code of 18 React Libraries"Yonatan Mevorach · ReactNext 2018
• 49mNavigating the React Solar SystemBen Ilegbodu · Devoxx US 2017
• 44mA Practical Guide for Crafting Resilient UI ComponentsGlenn Reyes · Copenhagen Developers Festival 2023
• 50mNavigating the React EcosystemBen Ilegbodu · All Things Open 2019