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
Shows App with props
Complete and Continue
Discussion
0
comments
Load more
0 comments