11^th Practical Class:
Advanced React

• Zustand state management library
• Immer mutation helper
• animations using Framer Motion

Zustand state management library

• https://github.com/pmndrs/zustand

• useCounterStore unlike useState is global shared state
  • multiple usages of useCounterStore will use the same state

Persistance

• Zustand persist middleware

Immer mutation helper

• https://immerjs.github.io/immer/

• Draft is proxy object tracking changes
  • new value is returned without mutating original value

Zustand + Immer

• Zustand Immer middleware

Framer Motion

• https://www.framer.com/motion/
• https://www.framer.com/docs/introduction/