Fixing Redux/Zustand Re-Renders

Let’s see if we can cut down on the re-renders by building better selectors for Redux and Zustand.

Code: https://github.com/jherr/efficient-selectors

👉 Practical Module Federation Book: https://module-federation.myshopify.com/products/practical-module-federation
👉 No BS TS (The Book): https://no-bs-ts.myshopify.com/

👉 I’m a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up/
👉 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
0:36 Not All Renders Are Bad
1:38 Redux Project Setup
2:40 UI Setup
4:28 Redux Store Setup
7:05 Connecting The User Interface
10:21 How useSelector Works
13:28 Referential Identity Basics
17:07 How To Handle Arrays And Objects
20:41 Trying Out Zustand
21:37 Porting The Store
23:35 Porting The User Interface
25:39 Testing Zustand Rendering
27:28 Shallow Checking In Zustand

#redux #zustand #react_state_management