Lesson 17 — Mini project: todo list

Your first small app

A todo list combines everything so far: a controlled input for the text, state for the list, and a click handler that adds an item. Never push into the state array — create a new array with spread, then clear the input so the user can type the next item.

setTags([...tags, newTag]); // new array: React sees the change
// tags.push(newTag)        ← same array: React may not re-render

Why it matters: this add-to-list flow appears in comments, carts, playlists and chats.