introduction
-
002 ReactJS vs Vanilla JavaScript Why Use React (10:57)
-
001 What is React.js (2:58)
-
003 Editing Our First React App (4:24)
-
004 About This Course & Course Outline (2:19)
-
005 Getting The Most Out Of This Course (3:04)
-
006 Creating React Projects Browser-based vs Local Development (3:58)
-
007 Creating React Projects Locally (7:52)
-
008 Using CodeSandbox For React Development (No Local Setup Required!) (2:38)
Java Script Referesher
-
001 Module Introduction (1:49)
-
002 Starting Project (1:00)
-
003 Adding JavaScript To A Page & How React Projects Differ (6:57)
-
004 React Projects Use a Build Process (8:04)
-
005 import & export (12:04)
-
006 Revisiting Variables & Values (7:01)
-
007 Revisiting Operators (2:33)
-
008 Revisiting Functions & Parameters (8:14)
-
009 Arrow Functions (2:11)
-
010 Revisiting Objects & Classes (6:08)
-
011 Arrays & Array Methods like map() (11:10)
-
012 Destructuring (5:16)
-
013 The Spread Operator (3:13)
-
014 Revisiting Control Structures (5:28)
-
015 Manipulating the DOM - Not With React! (0:52)
-
016 Using Functions as Values (7:22)
-
017 Defining Functions Inside Of Functions (1:56)
-
018 Reference vs Primitive Values (4:45)
React Basics & Working With Components
-
002 What Are Components And Why Is React All About Them (7:19)
-
001 Module Introduction (3:46)
-
003 React Code Is Written In A Declarative Way! (3:46)
-
004 Creating a new React Project (2:08)
-
005 Analyzing a Standard React Project (13:26)
-
006 Introducing JSX (4:03)
-
007 How React Works (4:32)
-
008 Building a First Custom Component (9:18)
-
009 Writing More Complex JSX Code (5:14)
-
010 Adding Basic CSS Styling (4:57)
-
011 Outputting Dynamic Data & Working with Expressions in JSX (8:34)
-
012 Passing Data via props (13:04)
-
013 Alternative Ways of Passing & Receiving Handling props (5:09)
-
014 Adding normal JavaScript Logic to Components (6:10)
-
015 Splitting Components Into Multiple Components (11:20)
-
016 The Concept of Composition (children props) (13:33)
-
017 A First Summary (4:12)
-
018 A Closer Look At JSX (9:28)
-
019 Organizing Component Files (3:08)
-
020 An Alternative Function Syntax - Copy (2:41)
Time to Practice Component Basics
React State & Working with Events
Rendering Lists & Conditional Content
-
001 Module Introduction (0:46)
-
002 Rendering Lists of Data (7:29)
-
003 Using Stateful Lists (4:45)
-
004 Understanding Keys (7:13)
-
005 Outputting Conditional Content (7:09)
-
006 Adding Conditional Return Statements (5:39)
-
007 Demo App Adding a Chart (7:43)
-
008 Adding Dynamic Styles (7:47)
-
009 Wrap Up & Next Steps (11:27)
Styling React Components
-
001 Module Introduction (3:45)
-
002 Setting Dynamic Inline Styles (9:19)
-
003 Setting CSS Classes Dynamically (5:14)
-
004 Introducing Styled Components (10:42)
-
005 Styled Components & Dynamic Props (8:52)
-
006 Styled Components & Media Queries (2:32)
-
007 Using CSS Modules (7:14)
-
008 Dynamic Styles with CSS Modules (5:47)
Debugging React Apps
Time to Practice A Complete Practice Project
-
002 The First Practice Project & Your Tasks (6:28)
-
001 Module Introduction (2:36)
-
003 Splitting the App Into Components (7:24)
-
004 Handling Events (9:39)
-
005 Managing State (9:59)
-
006 Lifting the State Up (8:52)
-
007 Outputting Results Conditionally (10:06)
-
008 Adding CSS Modules (6:16)
-
009 Introducing the Second Project (2:57)
-
010 Adding a User Component (7:06)
-
011 Adding a re-usable Card Component (8:37)
-
012 Adding a re-usable Button Component (3:50)
-
013 Managing the User Input State (4:57)
-
014 Adding Validation & Resetting Logic (4:34)
-
015 Adding a Users List Component (10:45)
-
016 Managing a List Of Users via State (9:27)
-
017 Adding The ErrorModal Component (8:05)
-
018 Managing the Error State (8:57)
Diving Deeper Working with Fragments, Portals & Refs
