This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Learn & Understand React
Course Introduction
Course Introduction (6:25)
Important Instructions (2:29)
Topics covered in this course
Course Layout
How to take this course?
React Introduction and Environment Setup
Single Page Applications with React (6:37)
Mac Setup - Atom, Node.js
Windows Setup - Atom, Node.js, Git Bash
React Basics with Shows App
Thinking in Components (5:13)
Project setup with create-react-app (9:23)
React and ReactDOM (7:41)
Render Target (2:44)
JSX (5:32)
JSX Continued (4:59)
Functional Components (13:50)
props (15:52)
Class Components (11:00)
Class Components continued (11:25)
Shows App (12:57)
Shows App with props (6:12)
Shows App with props and state (11:45)
Imperative vs Declarative Programming (7:51)
Composition (4:32)
React Element, Component and Component Instance (11:44)
React Element, Component and Component Instance Continued (13:52)
React Basics Review (7:29)
ES6 Class and Refactor Shows
Function Constructor (8:21)
ES6 Class (8:31)
Prototypal Inheritance (9:30)
ES6 Class Inheritance (7:53)
constructor, super, static (10:38)
Refactor Shows App (11:23)
Refactor Shows App continued (9:26)
ES6 Class Revision (3:32)
React concepts with Pet Game App
Initial Setup and Pet Game App Introduction (16:16)
Inline Styling (5:53)
Nested Component (8:35)
Adding img and button React Element (11:21)
Add Click Event Listener To buttons (6:28)
Reusable Components with props (11:19)
Bind Callbacks (6:19)
state and setState (13:31)
setState may be asychronous (9:13)
Using setState correctly (13:42)
Ref (14:44)
Lifting State Up (18:32)
Why props are immutable in React and Ref vs Lifting State Up (9:07)
Class Components vs Functional Components (5:07)
Display Results on UI (19:33)
Conditional JSX (6:04)
setState Shallow Merge (12:25)
Pure Functions and render method (8:29)
Lifecycle Methods (7:06)
API Setup, Promises and Axios (17:10)
Send network request with axios (11:15)
Single Responsibility Principle (10:07)
Refactoring - I (5:12)
Refactoring - II (13:55)
React Concepts Revision (8:50)
React Internals with Todo App
React Internals with Todo App
ES6 and Refactor Apps to ES6
ES6 concepts and Refactor Apps to ES6
JSX Continued
Complete and Continue
Discussion
0
comments
Load more
0 comments