arrow_back
Back
lock
Course Introduction & Resources
lock
Course Introduction
lock
Resources [Important]
lock
Resources [Important]
lock
React Basics & Setup
lock
React Introduction
lock
Environment Setup
lock
Create React App
lock
React Behind The Scene
lock
React Boilerplate / 005
lock
Components: Class & Function Based / 006
lock
JSX: In-depth Introduction / 007
lock
Practice: Basic Template Structure / 008
lock
States and useState
lock
Why We Need States? / 009
lock
State Introduction: useState / 010
lock
useState: Multiple Updates / 011
lock
useState: Array State Value / 012
lock
useState: Array setState Value / 013
lock
Conditional Templates / 014
lock
Quick Hook Advice / 015
lock
Components & Props
lock
Multiple Components & Fragments / 016
lock
Props: In-depth Introduction / 017
lock
Props: Children / 018
lock
Prop Drilling / 019
lock
Styling React Application
lock
Global Level Styling / 020
lock
Component Level Styling / 021
lock
Inline Level Styling / 022
lock
Dynamic Level Styling / 023
lock
Module Level Styling / 024
lock
User Input, Events & useRef
lock
Forms & Input / 025
lock
onChange Event / 026
lock
Controlled Inputs / 027
lock
onSubmit Event / 028
lock
Add New Task / 029
lock
useRef Hook / 030
lock
useEffects, useCallback and Custom Hooks
lock
JSON Server / 031
lock
useEffect Hook / 032
lock
React StrictMode
lock
List Output / 035
lock
onClick Event / 036
lock
useCallback Hook / 037
lock
Custom Hook (useFetch) / 038
lock
Loading State / 039
lock
Handling Errors (try/catch) / 040
lock
Aborting Fetch Request / 041
lock
Infinite Loops / 042
lock
Project: TaskMate
lock
TaskMate Demo
lock
Project Structure
lock
Components / 045
lock
State: tasklist & setTasklist / 046
lock
Function: Edit & Delete / 047
lock
Warning: Undefined Value / 048
lock
Update Button / 049
lock
Local Storage: Store All Tasks / 050
lock
Theme: Change Background / 051
lock
Project Deployment
lock
React Router
lock
React Router Introduction / 053
lock
React Router Setup / 054
lock
Project Structure / 055
lock
Navigation / 056
lock
Route Parameters / 057
lock
No Route Found / 058
lock
Nested Routes / 059
lock
Project Restructuring / 060
lock
Tailwind CSS Crash Course
lock
Introduction & Demo
lock
Common Properties
lock
Hover, Focus, and Other States
lock
Responsive Design
lock
Dark Mode
lock
Custom Configuration / 206
lock
Project Demo / 207
lock
Header & Hero Section/ 208
lock
Footer / 209
lock
Responsive Screen & Component Tools / 210
lock
Project: Cinemate
lock
Cinemate Demo
lock
Project Setup
lock
Tailwind Introduction / 063
lock
TMDB API: Documentation / 064
lock
UI Design (Tailwing & Flowbite) / 065
lock
Navigation Structure
lock
Dark Mode Integration / 067
lock
Movie List Structure / 068
lock
API Fetch: Movie List / 069
lock
Custom Hook: useFetch / 070
lock
API Fetch: Movie Search / 071
lock
Tailwind CSS Customization / 072
lock
Page Not Found / 073
lock
Individual Movie Information / 074
lock
Scroll Restoration: Scroll To Top / 075
lock
Dynamic Page Title / 076
lock
Style Update / 077
lock
Project Deployment / 078
lock
Development Branch On Git & Github
lock
Solved: Netlify Error / 079
lock
Assignment: Shopping Cart
lock
Assignment Statement & Demo / 080
lock
Solution: Project Setup
lock
Solution: Components / 082
lock
Solution: Pages / 083
lock
Assignment Deployment
lock
Project: Shopping Cart With Context & Reducers
lock
Global State Management
lock
Project Structure / 086
lock
Context / 087
lock
Reducer / 088
lock
Methods / 089
lock
Project Deployment / 090
lock
Project: Shopping Cart With Redux Toolkit
lock
Redux Introduction
lock
Project Structure / 091
lock
Slice & Action / 092
lock
Reducers: Add & Remove / 093
lock
Redux Store State / 094
lock
Project Deployment / 095
lock
Project: Codebook
lock
Codebook Demo / 097
lock
Installations / 098
lock
Project Structure / 099
lock
Header Component - I / 100
lock
Header Component - II / 101
lock
Home Page / 102
lock
Products Page / 103
lock
API: Product List / 104
lock
Rating Component / 105
lock
Individual Product Component / 106
lock
Dark Mode / 107
lock
ScrollToTop Component / 108
lock
Product Search / 109
lock
Dynamic Title / 110
lock
Filter: Context & Reducers / 111
lock
Filter: Initial Product List / 112
lock
Filter: Properties / 113
lock
Clear Filter / 114
lock
Dropdown Option / 115
lock
User Account & Cart
lock
Login & Registration Page / 118
lock
React-Toastify / 119
lock
API: Login/Register End Point / 120
lock
Session Storage / 121
lock
Toggle Dropdown (Hide) / 122
lock
Cart Interface / 123
lock
Cart: Context & Reducers / 124
lock
Cart: Provider / 125
lock
Add To Cart / 126
lock
Condition Check: Already In Cart / 127
lock
Out Of Stock Products / 128
lock
Protected Routes / 129
lock
Checkout Modal / 130
lock
Undefined Value Warning / 131
lock
Order Submit Function / 132
lock
Order Page / 133
lock
Dashboard: Condition 1 / 134
lock
Dashboard: Condition 2 / 135
lock
Auth Service: API End Points / 136
lock
Data Service: API End Points / 137
lock
Product Service: API End Points / 138
lock
Page Not Found / 139
lock
Dynamic Page Title / 140
lock
Error Handling / 141
lock
ENV / 142
lock
Frontend Deployment / 143
lock
Backend Deployment / 144
lock
Update Environment Variables / 145
lock
Login As Guest
lock
Solved: Netlify Errors / 147
lock
Assignment: Word Counter
lock
Statement & Demo / 157
lock
Solution: WordCount / 158
lock
React Testing Library & Jest
lock
Testing Introduction / 148
lock
React Testing Library & Jest / 149
lock
Project Setup
lock
Testing Structure / 151
lock
Test: Component Rendering / 152
lock
Test: Fire Events & User Events / 153
lock
Queries, Type, Expect & More / 154
lock
Test: API Async Loading / 155
lock
Test: Page Component Wrapper / 156
lock
Firebase Crash Course
lock
Firebase Introduction
lock
Webpack Setup / 252
lock
Firebase Setup / 253
lock
Firebase Connection / 254
lock
Fetching Documents - I / 255
lock
Fetching Documents- II / 256
lock
Adding & Deleting Documents / 257
lock
Snapshots / 258
lock
Firestore Queries / 259
lock
Ordering Data / 260
lock
Updating Documents / 261
lock
Fetching Individual Document / 262
lock
Authentication - I / 263
lock
Authentication - II / 264
lock
Project: WriteNode
lock
WriteNode Demo / 159
lock
Project Structure / 160
lock
Project Styling / 161
lock
Homepage / 162
lock
Firebase Setup / 163
lock
Firebase Configuration / 164
lock
Conditional Auth Header / 165
lock
Create Blog Post / 167
lock
Error: Object Fetch / 168
lock
Toggle Update / 169
lock
Dynamic Page Title
lock
React Loading Skeleton
lock
Project Deployment / 172
lock
Bonus
lock
Bonus
Preview - React JS Masterclass: Zero To Job Ready With Projects
Discuss (
0
)
navigate_before
Previous
Next
navigate_next