React Assignments — Build. Iterate. Master.

Why practice with these assignments?

• Go beyond tutorials—build real components and apps.
• Internalize React’s rendering model, data flow, and hooks.
• Learn to handle async data, routing, forms, and state confidently.
• Prepare for interviews and projects with tasks that feel like real work.

How it works

• Pick a topic from the list.
• Attempt questions in order: Basic → Intermediate → Advanced.
• Run locally (e.g., Vite or CRA), test in multiple browsers/devices.
• Use React DevTools, console, and network tab to debug.
• Document your approach; keep your best solutions as portfolio pieces.

Notes:

• Focus is React 18+ and function components with Hooks.
• Unless specified, avoid CSS/JS frameworks—focus on React patterns.
• You may choose JS or TypeScript; some topics include TS-specific prompts.

What you’ll achieve

• Clear mental model of state, props, effects, and rendering.
• Practical patterns for forms, lists, routing, and data fetching.
• Performance awareness (memoization, re-renders, code splitting).
• Confidence to read codebases, refactor, and ship features.