In this tutorial I will introduce some of the fundamental features of React (Class-based components), state, props, component imports, JSX while also building a To Do list application. Here we use Class based components for those who wish to learn about building React components with Classes. A follow up tutorial will be made using components/hooks.

00:00 Introduction
00:53 Tutorial coverage
02:30 Installing Node JS
03:57 Create new folder for application
04:56 Command - Start new project and test with npm run start
07:23 Startup the code editor and project
07:43 React JS folder structure
12:20 React Class vs Component/Hooks components
15:17 Install/add Bootstrap
17:09 Start building To do list application
19:37 State Objects and output to screen
22:34 Change state with button
25:21 Add and display To Do list items
29:15 Adding new items to our To Do list
35:52 Adding To Do list functionality - Complete Button
41:59 Create child components and using Props
46:30 Using Prop callback

Code Repository

https://github.com/veryacademy/YT-ReactJS-Intro-Project-ToDoList

#reactjs