Learning React: A Hands-On Guide to Building Web Applications Using React and Redux, Second edition

15

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).

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 ...