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

In this tutorial I will introduce some of the fundamental features of React (Function-based components), while also building a To Do list application. If you would like to see this application using class based components please see the first tutorial: https://youtu.be/mDjFfabR294

00:00 Introduction
01:50 Install NodeJS
02:45 Create project folder start Visual Studio Code
04:01 Create React application via command prompt
05:34 Start server and test application
05:36 Brief overview of folder and file structure within React
07:20 Remove unnecessary files folders
08:42 Our first app - outputting text to the screen
11:33 Class vs Functions boilerplate
13:57 Creating state with Class and Functions comparison
15:45 Output data from state objects
16:40 Updating state objects - building a button to change the state value
21:52 Adding data for the To Do list application
23:03 Outputting To Do list as a list to the user
30:00 Add new To Do list items
35:09 Add the complete function - allow users to flag To Do list item as complete
40:35 Add a Delete function

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

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