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-React
npm install
npm start
Or,
npm run start
Or,
npx parcel index.html
npm test
Or,
npm run test
This 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