How big is too big for a single React component? Should you nest component definitions inside of other components? Are there performance issues with huge components? Let's find out!
Code: https://github.com/jherr/gigantic-components
? Upcoming NextJS course: https://pronextjs.dev
? Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
? Discord server signup: https://discord.gg/ddMZFtTDa5
? VS Code theme and font? Night Wolf [black] and Operator Mono
? Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
0:00 Introduction
1:31 Why Mega Components Are Slow?
3:49 How Not To Fix It? (Nesting Components)
6:41 Using A State Manager For Shared State
8:12 More Components Hurt Performance?
10:53 A Production Worthy Example
11:50 Outroduction