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