Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Test
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
001 Module Introduction (1:34)
002 The Starting Project & Your Tasks (4:48)
003 Outputting Key Concepts Data (5:51)
004 Identifying Possible Components (2:02)
005 Creating & Using a Custom Component (4:35)
006 Outsourcing Concept Items Into a Reusable Component (5:24)
React State & Working with Events
001 Module Introduction (1:34)
002 The Starting Project & Your Tasks (4:48)
003 Outputting Key Concepts Data (5:51)
004 Identifying Possible Components (2:02)
005 Creating & Using a Custom Component (4:35)
006 Outsourcing Concept Items Into a Reusable Component (5:24)
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
001 Module Introduction (1:34)
002 Understanding React Error Messages (6:33)
003 Analyzing Code Flow & Warnings (6:02)
004 Working with Breakpoints (6:16)
005 Using the React DevTools (6:13)
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
001 Module Introduction (0:49)
002 JSX Limitations & Workarounds (8:47)
003 Creating a Wrapper Component (4:14)
004 React Fragments (2:43)
005 Introducing React Portals (4:20)
006 Working with Portals (12:24)
007 Working with refs (11:47)
008 Controlled vs Uncontrolled Components (3:04)
Teach online with
005 import & export
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock