Bharat2044/Namaste-React
โค Namaste React Web-Series Course From Zero To Hero ๐ by Akshay Saini(Founder of NamasteDev). This repository contains Codes, Assignments & Class Notes taken during this Course.
โค๏ธ Namaste React ๐
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.
๐ฅ Clone this Repository ๐ซ
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"Go to the Project Directory
cd Namaste-ReactInstall Dependencies
npm installRun the Project
npm startOr,
npm run startOr,
npx parcel index.htmlTest the Project
npm 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
๐จโ๐ป Contents ๐
This repository contains a Collection of Codes, Assignments, Assignments Solutions & Class Notes, which help you understand the concepts of React.js.
๐ Episode 01 - Inception
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
๐ Episode 02 - Igniting our App
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
๐ Episode 03 - Laying the Foundation
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
๐ Episode 04 - Talk is Cheap, Show Me the Code
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
๐ Episode 05 - Let's Get Hooked
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
๐ Episode 06 - Exploring the World
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
๐ Episode 07 - Finding the Path
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
๐ Episode 08 - Let's Get Classy
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
๐ Episode 09 - Optimizing our App
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
๐ Episode 10 - Jo Dikhta Hai, Vo Bikta Hai
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
๐ Episode 11 - Data is the New Oil
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
๐ Episode 12 - Let's Build Our Store
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
๐ Episode 13 - Time for the Test
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