Namaste React Course from Zero to Hero π by Akshay Saini(Founder of NamasteDev). This repository contains Codes, Assignmenst, Assignment Solution & Class Notes taken during this course.
You need to write the following commands on the terminal screen(in vscode) so that you can run this project locally.
git clone "https://github.com/Bharat2044/Namaste-React.git"cd Namaste-Reactnpm installnpm startOr,
npm run startOr,
npx parcel index.htmlnpm testOr,
npm run testThis application should now be running on localhost. If you want to Fork repository and want to run locally, follow this guidelines Fork and Clone Github Repository
This repository contains a Collection of Codes, Assignments, Assignments Solutions & Class Notes, which help you understand the concepts of React.js.
Introduction to foundational tools and frameworks in web development.
- π§Ύ Topics Covered:
- Visual code setup,
- Hello world in HTML/JS,
- CDN, React Hello World
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Dive into essential package managers and module bundlers for React projects.
- π§Ύ Topics Covered:
- npm, Parcel
- Node modules
- React app file structure
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Understanding JSX, React components, and their compositions.
- π§Ύ Topics Covered:
- JSX, React components
- Class-based vs Functional components
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Implementing React's core features, managing state, and working with UI data.
- π§Ύ Topics Covered:
- React app building
- props/state
- function mapping
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Exploring React Hooks and understanding their importance.
- π§Ύ Topics Covered:
- File structure
- Import/export
- React Hooks (useState)
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Architecture insights, useEffect hook, and working with APIs.
- π§Ύ Topics Covered:
- Architecture, useEffect
- Conditional Rendering
- API Usage
- Resolve Swiggy API Issue
- Resolve CORS Problem
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Mastering React Router for smooth navigation and routing.
- π§Ύ Topics Covered:
- React Router
- Dynamic Routing
- Outlet Component
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Learning Class-based components and their lifecycles.
- π§Ύ Topics Covered:
- Class-based components
- Lifecycle methods
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Advanced optimization techniques including Custom Hooks.
- π§Ύ Topics Covered:
- Custom Hooks
- Optimization
- Suspense Component
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Introduction to Tailwind CSS for responsive UI designs.
- π§Ύ Topics Covered:
- Tailwind CSS introduction for UI design
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Notes
- π 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
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Notes
- π Assignment
Implementing Redux toolkit for state management.
- π§Ύ Topics Covered:
- Redux Toolkit
- React-Redux
- Actions, Reducers
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment
Comprehensive testing with Jest and React Testing Library.
- π§Ύ Topics Covered:
- Jest, React Testing Library
- Unit Testing principles
- π» Coding
- π¨βπ» Coding
- π Theory - Notes, Assignments & Assignment Solution
- π Assignment
- π PDF File
- π Readme File
- π Assignment Solution
- π₯οΈ Digital and Handwritten Notes
- π Assignment