Skip to content

React To-Do List Learning Project

The project where `useState` clicked for me — a small interactive list to practice React state management, controlled inputs, and immutable updates.

React to-do list — state management practice
Year
2024
Scope
React useState · Component Composition
Stack
Learning Project · React

What I learned

This is the project where React state management stopped being abstract. useState for the list, lift-state-up for the add/delete handlers, and the realization that “components are functions of state” is a literally useful framing, not just a slogan.

What I did

Built a small interactive to-do list as a vehicle for getting fluent with useState, controlled inputs, and immutable list updates.

What I shipped

A working todo widget — the kind of unglamorous building-block project that turns “I read about hooks” into “I can ship features with hooks.”

Next case study Vue Packing List App
Read next

Building something AI-first? Let's talk.

GEO/AIO strategy, MCP and agentic architecture, marketing-engineering ops. Or just say hi.