Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React JS for Beginners with Practical Projects
Setup
Installing editor (4:47)
Installing Node.js - Resources Downloads (2:31)
First react project (7:17)
React file & folder structure explanation (6:51)
ES6
Let & const keywords (5:11)
Arrow functions (3:48)
Template literals (3:20)
Map function (2:42)
Filter function (2:57)
Spread operator (6:51)
Project - Todo List
What we are building (1:03)
Getting everything ready (3:21)
Creating the html part 1 (7:11)
Creating the html part 2 (3:42)
Styling the app component part 1 (5:55)
Styling the app component part 2 - inputs - button (5:57)
Styling the app component part 3 - todo list (9:29)
Component todo form (4:35)
Displaying dummy data (5:29)
Properties and ternary operations (6:53)
Creating a new Component TODOAPP (4:44)
Adding task part 1 - on submit events (6:21)
Adding task part 2 - function to reset (5:24)
Adding task part 3 - adding tasks - done (3:03)
Removing tasks (6:40)
Toggle completion feature (8:40)
Project - Notes
What we are building (1:38)
Installing React (2:55)
Tailwind CSS Setup (6:41)
Creating HTML structure part 1 (7:34)
Creating HTML structure part 2 - done (5:59)
Breaking it down to components - done (4:01)
Displaying dummy data part 1 (4:18)
Displaying dummy data part 2 - breaking it down to components (4:02)
Adding notes part 1 (5:07)
Adding notes part 2 - displaying notes (5:24)
Deleting a note (5:33)
Persisting data part 1 (5:59)
Persisting data part 2 (6:09)
Project - Calculator
What we are building (1:13)
Calculator setup (6:21)
Dummy content - file download (3:14)
Replacing HTML button with React code (3:53)
Display result in input (6:41)
Clearing inputs results (7:51)
Styling the app component part 1
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock