Part 1 — React + TypeScript Basics: Components, State, Events

Every strong full-stack app begins with a clean, typed, and fast frontend foundation. In this post, you’ll set up a React + TypeScript environment using pnpm and Vite — the modern standard for speed and simplicity.

Components are the building blocks of every React application. In this post, you’ll learn how to structure, type, and reuse components safely and effectively with TypeScript.

Every dynamic React app revolves around state — what the user sees, what changes, and when. In this post, you’ll master useState and useEffect, the twin pillars of reactivity.

Interactivity defines the web. In this post, you’ll master event handling, form state, and validation in React using TypeScript — building reliable, predictable UI experiences.

It’s time to put everything together — components, props, events, forms, and state — into your first working React mini-app: a clean, type-safe Todo List you can extend later with a real backend.

Testing saves you from shipping bugs you can’t see yet. In this post, you’ll write your first Jest + React Testing Library tests — the foundation for full UI testing in Part 5.