Namaste React Course from Zero to Hero 🚀 by Akshay Saini(Founder of NamasteDev). This repository contains Codes, Assignments, Assignment Solution of this course.
| No. | Project Name | Folder Link | Live Link |
|---|---|---|---|
| 1 | Food App | Click Here | Link |
| 2 | YouTube Clone | Click Here | Link |
| 3 | NetFlix GPT | Click Here | Link |
❄️ ➡️LIVE LINK
📁 ➡️FOLDER LINK
Introduction to foundational tools and frameworks in web development.
-
🧾 Topics Covered :
-
Visual code setup,
-
Hello world in HTML/JS,
-
CDN, React Hello World
-
-
📒 INCEPTION(THEORY) 📁 ➡️ LINK
-
💻 INCEPTION(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
- 🔖 ASSIGNMENT QUESTIONS ❓ : 🚼 ➡️ LINK
Dive into essential package managers and module bundlers for React projects.
-
🧾 Topics Covered :
-
npm, Parcel
-
Node modules
-
React app file structure
-
-
📒 IGNITING OUR APP(THEORY) 📁 ➡️ LINK
-
💻 IGNITING OUR APP(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
- 🔖 ASSIGNMENT QUESTIONS ❓ : 🚼 ➡️ LINK
Understanding JSX, React components, and their compositions.
-
🧾 Topics Covered :
-
JSX, React components
-
Class-based vs Functional components
-
-
📒 LAYING THE FOUNDATION(THEORY) 📁 ➡️ LINK
-
💻 LAYING THE FOUNDATION(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Implementing React's core features, managing state, and working with UI data.
-
🧾 Topics Covered :
-
React app building
-
props/state
-
function mapping
-
-
📒 TALK IS CHEAP, SHOW ME THE CODE(THEORY) 📁 ➡️ LINK
-
💻 TALK IS CHEAP, SHOW ME THE CODE(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Exploring React Hooks and understanding their importance.
-
🧾 Topics Covered :
-
File structure
-
Import/export
-
React Hooks (useState)
-
-
📒 LET'S GET HOOKED(THEORY) 📁 ➡️ LINK
-
💻 LET'S GET HOOKED(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Architecture insights, useEffect hook, and working with APIs.
-
🧾 Topics Covered :
-
Architecture, useEffect
-
Conditional Rendering
-
API Usage
-
Resolve Swiggy API Issue
-
Resolve CORS Problem
-
Shimmer UI
-
-
📒 EXPLORING THE WORLD(THEORY) 📁 ➡️ LINK
-
💻 EXPLORING THE WORLD(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Mastering React Router for smooth navigation and routing.
-
🧾 Topics Covered:
-
React Router
-
Dynamic Routing
-
Outlet Component
-
Resolve CORS Problem
-
-
📒 FINDING THE PATH(THEORY) 📁 ➡️ LINK
-
💻 FINDING THE PATH(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Learning Class-based components and their lifecycles.
-
🧾 Topics Covered:
-
Class Based Components.
-
Life Cycle Methods.
-
-
📒 LET'S GET CLASSY(THEORY) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
- 🔖 ASSIGNMENT QUESTIONS ❓ : 🚼 ➡️ LINK
Advanced optimization techniques including Custom Hooks.
-
🧾 Topics Covered:
-
Custom Hooks.
-
Optimization.
-
Suspense Component.
-
-
📒 OPTIMIZING OUR APP(THEORY) 📁 ➡️ LINK
-
💻 OPTIMIZING OUR APP(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Introduction to Tailwind CSS for responsive UI designs..
-
🧾 Topics Covered:
- Tailwind CSS introduction for UI design
-
📒 JO DIKHTA HAI VO BIKTA HAI(THEORY) 📁 ➡️ LINK
-
💻 JO DIKHTA HAI VO BIKTA HAI(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Handling data flow and DevTools exploration.
-
🧾 Topics Covered:
-
Higher-Order Components
-
Controlled vs Uncontrolled Components
-
Lifting the State Up
-
DevTools
-
Prop Driling
-
Context API in React
-
-
📒 DATA IS THE NEW OIL(THEORY) 📁 ➡️ LINK
-
💻 DATA IS THE NEW OIL(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Implementing Redux toolkit for state management.
-
🧾 Topics Covered:
-
Redux Toolkit
-
React-Redux
-
Actions, Reducers
-
📒 LET'S BUILD OUR STORE(THEORY) 📁 ➡️ LINK
-
-
💻 LET'S BUILD OUR STORE(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :
Implementing Redux toolkit for state management.
-
🧾 Topics Covered:
-
This section covers various types of testing from a developer's perspective:
- Manual Testing: Testing features manually by interacting with the application.
- Unit Testing: Testing individual units/components in isolation.
- Integration Testing: Testing multiple units/components together to ensure they work as a group.
- End-to-End (E2E) Testing: Simulating real user scenarios to test the complete flow of the application.
-
📒 TIME FOR TEST(THEORY) 📁 ➡️ LINK
-
-
💻 TIME FOR TEST(CODING) 📁 ➡️ LINK
-
📔 ASSIGNMENT :