Building an Awesome Todo List App in React

If creating the Hello, World! example was a celebration of getting your feet wet with React, creating the quintessential Todo List app is a celebration of approaching React mastery. In this chapter, we tie together a lot of the concepts and techniques you’ve learned to create something that works as follows: https://www.kirupa.com/react/examples/todo.htm.

You start with a blank app that allows you to enter tasks for later (see Figure 15.1).

A figure shows a text field for entering a task. An "add" button is present next to the field.

Figure 15.1 A blank app with task entry.

The way this Todo List app works is pretty simple. You type in a task or item or whatever you want into the input ...

Get Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, Second edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.