Learn how to build a React Todo List App in this beginner project tutorial. We will mainly use React hooks, so useEffect, useState, and useRef. You will be able to add, remove, edit, and mark complete/cross out the todo items.

Timeline:

  • 0:00 React Todo App Intro
  • 1:46 Creating React App in Terminal
  • 5:26 Creating the Components
  • 6:41 Editing TodoForm Component
  • 15:00 Editing TodoList Component
  • 22:20 Editing the Todo Component
  • 42:50 Adding the CSS
  • 45:50 Creating Custom Edit Input

Source code
https://github.com/briancodex/react-todo-app-v1

#react

React Todo List App Tutorial - Beginner React JS Project Using Hooks
6.50 GEEK