Learn React JS - Class Based - New user project - To Do list

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

SUBSCRIBE to get more free tutorials, courses and code snippets!
http://www.youtube.com/channel/UC1mxuk7tuQT2D0qTMgKji3w?sub_confirmation=1

Follow us on Facebook
https://www.facebook.com/Veryacademycom-113232103670580/

Follow use on Twitter:
https://twitter.com/VeryAcademy