Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Frontend Development with ReactJS
Getting Started with React
What’s Coming Up (0:49)
Introduction to ReactJS: Powering Modern Apps (6:36)
Understanding SPA (4:50)
Environment Setup and Project Structure (8:42)
Practice Quiz: React Introduction and Setup
ReactDOM and Rendering Elements (3:57)
JSX Syntax and Embedding Expressions (4:47)
Practice Quiz: ReactDOM and JSX
Functional Components: Creation, Export and Rendering (5:30)
Activity Session: Personalized greeting card app (18:30)
Functional vs. Class Components (3:52)
Props: Passing Data Between Components (4:51)
Activity Session: Profile card using props (16:19)
Practice Quiz: Components and props
Lecture Notes
Resources & References
Assignment: Coding Challenge
User Interaction and Navigation in React
Capstone Project: Movie & TV Show Tracker
What You'll Learn Next (0:50)
React State Management (9:08)
Handling Events in React (9:22)
Activity Session: State Management (15:15)
Practice Quiz: useState and Event Handling
Controlled and Uncontrolled Forms in React (9:03)
Controlled Forms: Deep Dive and Handling Submissions (10:02)
React Forms with react-hook-form (7:24)
Activity Session: Login Form with Validations (21:14)
Practice Quiz: React Forms and Validations
React Router: Setup and Basic Routes (7:47)
Navigation with link tag and useNavigation (5:53)
Dynamic Routes: Route Parameters in React Router (7:28)
Secure Your App: Protected Routes in React Router (6:35)
Activity Session: Routing (7:50)
Practice Quiz: Routing & Dynamic Paths
Lecture Notes
Resources & References
Assignment: Book Explorer: Listing and Details
React Hooks and API Integration
What You'll Learn Next (1:00)
Hooks: UseEffect for Side Effects (7:54)
Custom Hooks: Creating Reusable Logic (5:36)
Activity Session: Timer App using Hooks (15:43)
Practice Quiz: Hooks
API Calls: Fetch and Axios for Data Retrieval (14:18)
Creating Reusable UI Components (7:42)
Activity Session: API Integration (6:46)
Activity Session: Reusable UI Component (7:47)
Practice Quiz: API Integration
Toast Notifications in ReactJS (8:15)
Using Tailwind CSS with ReactJS (8:43)
Using Bootstrap with ReactJS (8:05)
Lecture Notes
Resources & References
Assignment: Interactive Book Showcase
State Management, Optimization and System Design
What You'll Learn Next (1:14)
Global State Management: Context API (7:03)
Redux Basics (8:49)
Practice Quiz: Context API and Redux
Activity Session: Theme Switching (9:12)
Activity Session: Counter with Redux (8:22)
Performance Optimization (7:52)
Activity Session: Optimization (11:57)
Activity Session: Lazy Loading (10:23)
Understanding Frontend System Design (11:13)
Practice Quiz: Optimization & System Design
Lecture Notes
Resources & References
Assignment: Real-time Currency Converter App
Post-training Assessment
Secure Your App: Protected Routes in React Router
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock