Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React.js
Into
What you will build (3:04)
Environment Setup
Environment setup Node and Yarn (2:50)
Downloading source code (3:25)
Running the final source code (4:24)
Running base project (The start of our development) (1:34)
Understanding project files (5:25)
Important React concepts to graps
The Virtual DOM (1:51)
What is React.js (2:32)
React Developer Tools (1:42)
Components
What is a Component (4:29)
Creating a your first Component (6:10)
State and the Render method (1:17)
Application State (3:10)
Component Life Cycle (1:37)
Hooks Methods & State (3:45)
Array.map & Bootstrap 4 cards (8:33)
Smart / Presentational Components
Sub Components & Props (6:25)
Lets walkthrough the exercise solution together (3:26)
Update state via props (KEYNOTE) (1:47)
Updating State from Subcomponents & Click events (6:27)
Workings with Forms and Refs
Adding HTML form Component (4:48)
Hiding and showing form Component (7:01)
Dropdowns with react-select (7:27)
Country Dropdown Solution (3:43)
Refs, Ref and Form Submission (4:58)
Adding new User Card (6:45)
Reseting form fields Exercise solution (2:22)
Filters
Dropdown Component with Bootstrap 4 (4:40)
Dropdown click events (3:04)
Filtering cards by gender (8:34)
Dynamic Search
Input field component (3:09)
Observing onChange events (1:43)
Searching Cards dynamically (9:20)
Emoji exercise solution (2:56)
Filtering cards by gender
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock