How to build Todo List App in React using TypeScript

This post is mostly a vessel for a video tutorial series I assembled to create a Todo List app in React with Typescript!

Creating a Todo List App in React using Typescript (Part 1): Bootstrap and Initial Components

To start, we bootstrap an application with create-react-app, being sure to use the typescript flag. We get our app up and running with some basic TodoListItems that aren’t quite dynamic–yet!

Creating a Todo List App in React using Typescript (Part 2): Add Dynamic Behavior

Next, we add dynamic functionality to our TodoListItems components and add a TodoList container.

Creating a Todo List App in React using Typescript (Part 2): Extend Functionality to Be Able to Add Items

Finally, we create an AddTodoForm that allows users to add new items to our todo list.

Cheers!

#reactjs #tyepscript #javascript #webdev