React
Master React from the ground up, leveraging your existing Angular knowledge to build dynamic, component-driven web applications with confidence.
...
Share
React Fundamentals: From Concepts to Components
Unit 1: React's Core Concepts
React vs. Angular
The Virtual DOM Explained
Unidirectional Data Flow
Unit 2: Setting Up Your React Project
Choosing Your Toolchain
Hello, React World!
Project Structure Deep Dive
Unit 3: Crafting Components with JSX
JSX: HTML in JS
Your First Component
Embedding Expressions
Styling Your Components
Building Dynamic UIs with JSX and Rendering
Unit 1: Conditional Rendering: Showing What Matters
Render on Condition
Short-Circuit Rendering
Unit 2: Rendering Lists: Displaying Collections
Mapping Your Data
Keys to Performance
Unit 3: Component Composition: Building Blocks
Composing Your UI
Breaking Down Complexity
Unit 4: Flexible Components with Children
The Children Prop
Building Layouts with Children
Managing Component State and User Interactions
Unit 1: Introducing Component State
State: Your Component's Memory
useState: The State Hook
Updating Simple State
Unit 2: Handling User Interactions
React's Event System
Clicking & Changing
Passing Event Arguments
Unit 3: Advanced State Management
State: Immutability Rules!
Updating Object State
Updating Array State
Functional State Updates
Unit 4: Forms and Controlled Components
Controlled Inputs
Handling Form Submissions
Multiple Inputs, One Handler
Data Flow with Props and Component Communication
Unit 1: Unidirectional Data Flow
Props: Your Component's Input
Passing Data Down
Destructuring Props
Unit 2: Communicating Upwards
Functions as Props
Event Handling with Props
Unit 3: Managing Prop Complexity
What is Prop Drilling?
When Prop Drilling Hurts
Composition for Simpler Props
Children Props for Flexibility
Side Effects and Lifecycle with useEffect
Unit 1: Understanding Side Effects in React
React's Side Effect Story
useEffect: Your Sidekick
Unit 2: Controlling Effect Execution
The Dependency Array
Run Once: Empty Array
Run on Every Render
Specific Updates: Values
Unit 3: Cleaning Up Effects
The Cleanup Crew
Unsubscribing & Clearing
Unit 4: Real-World useEffect Applications
Fetching Data with useEffect
DOM Manipulation
Client-Side Routing with React Router
Unit 1: Introduction to React Router
Why Client-Side Routing?
Setting Up React Router
Unit 2: Defining and Displaying Routes
The Routes and Route Duo
Your First Route
Unit 3: Navigating Between Pages
Declarative Navigation: Link
Programmatic Navigation
Unit 4: Advanced Routing Patterns
Dynamic Route Parameters
Nested Routes
Index Routes
Handling Not Found Pages
Integrating with RESTful APIs
Unit 1: API Fundamentals in React
APIs & React: The Basics
Fetching Data with Fetch
Introducing Axios
Unit 2: Managing API Request States
Loading States
Handling API Errors
Success & Displaying Data
Unit 3: Interacting with API Resources
Creating Data (POST)
Updating Data (PUT/PATCH)
Deleting Data (DELETE)
Unit 4: Advanced API Integration Patterns
Custom Hooks for APIs
Request Headers & Auth
Advanced React Concepts and Performance
Unit 1: Direct DOM Access and Mutable Values
When to use useRef
Accessing DOM with useRef
Mutable Values with useRef
Unit 2: Optimizing Component Rendering
Why Optimize React?
Memoizing Components
Memoizing Functions
Memoizing Values
When to Memoize
Unit 3: Introduction to Context API
Beyond Prop Drilling
Context API Basics
Creating Context
Providing Context Values
Consuming Context Values
Updating Context Values
Context for Small Apps