Creating a Todo List App in React using Typescript

#react #typescript #webdev #tutorial

This post is mostly a vessel for a video tutorial series I assembled to create a Todo List app in React with 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!

Part 2: Add Dynamic Behavior

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

Part 3: 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!

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.