Frontend with React

🗄️ Data and global state

Modern data fetching with TanStack Query and SWR, global state with Zustand and Redux Toolkit, and the 'You Might Not Need an Effect' principle: derived state during render.

What you'll learn

Manage data fetching with TanStack Query or SWR instead of hand-written useEffect + fetch
Choose the right global state tool (Context, Zustand or Redux Toolkit) for each case
Compute derived state during render instead of duplicating it with an unnecessary useEffect
Distinguish which logic belongs in the render and which in event handlers

Lessons

Modern data fetching: TanStack Query and SWRBeyond hand-written useEffect + fetch. Global state: beyond ContextWhen Context falls short; Zustand and Redux Toolkit. You Might Not Need an EffectDerived state in the render, logic in the handlers.

Practice this module in the app

DevPath is a hands-on course: you read the theory here; in the app you put it into practice with exercises that really run, offline.

Start free in the app →