Episode 2 — React Frontend Architecture NextJS / 2.13 — Global State Management

2.13 — Quick Revision: Global State Management

Map

Tool	Use
Local `useState`	default
Lift	siblings share
Context	stable DI across depth; split
Zustand	shared client state, light API
Redux	large org, strict action model
URL	shareable UI state

If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.
If only one route reads it → local; if many routes and not in URL → global candidate; if server owns it → fetch layer.

Cheat 01

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 02

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 03

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 04

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 05

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 06

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 07

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 08

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 09

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 10

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 11

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 12

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 13

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 14

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 15

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 16

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 17

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 18

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 19

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 20

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 21

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 22

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 23

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 24

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 25

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 26

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 27

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 28

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 29

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 30

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 31

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 32

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 33

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 34

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 35

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 36

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 37

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 38

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 39

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 40

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 41

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 42

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 43

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 44

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 45

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 46

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 47

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 48

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 49

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 50

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 51

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 52

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 53

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 54

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 55

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 56

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 57

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 58

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 59

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 60

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 61

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 62

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 63

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 64

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 65

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 66

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 67

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 68

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 69

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 70

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 71

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 72

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 73

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 74

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 75

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 76

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 77

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 78

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 79

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 80

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 81

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 82

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 83

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 84

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 85

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 86

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 87

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 88

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 89

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 90

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 91

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 92

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 93

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 94

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 95

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 96

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 97

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 98

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.

Cheat 99

Memoize Provider value.
Custom hooks for context.
Select primitives in Zustand when possible.