β€οΈ 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-React
Install Dependencies
npm install
Run the Project
npm start
Or,
npm run start
Or,
npx parcel index.html
Test the Project
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
π¨βπ» Contents π
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
- π Theory - Notes, Assignments & Assignment Solution
Dive into essential package managers and module bundlers for React projects.
- π§Ύ Topics Covered:
- npm, Parcel
- Node modules
- React app file structure
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Understanding JSX, React components, and their compositions.
- π§Ύ Topics Covered:
- JSX, React components
- Class-based vs Functional components
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Implementing React's core features, managing state, and working with UI data.
- π§Ύ Topics Covered:
- React app building
- props/state
- function mapping
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Exploring React Hooks and understanding their importance.
- π§Ύ Topics Covered:
- File structure
- Import/export
- React Hooks (useState)
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Architecture insights, useEffect hook, and working with APIs.
- π§Ύ Topics Covered:
- Architecture, useEffect
- Conditional Rendering
- API Usage
- Resolve Swiggy API Issue
- Resolve CORS Problem
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Mastering React Router for smooth navigation and routing.
- π§Ύ Topics Covered:
- React Router
- Dynamic Routing
- Outlet Component
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Learning Class-based components and their lifecycles.
- π§Ύ Topics Covered:
- Class-based components
- Lifecycle methods
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Advanced optimization techniques including Custom Hooks.
- π§Ύ Topics Covered:
- Custom Hooks
- Optimization
- Suspense Component
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Introduction to Tailwind CSS for responsive UI designs.
- π§Ύ Topics Covered:
- Tailwind CSS introduction for UI design
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
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
- π Theory - Notes, Assignments & Assignment Solution
Implementing Redux toolkit for state management.
- π§Ύ Topics Covered:
- Redux Toolkit
- React-Redux
- Actions, Reducers
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
Comprehensive testing with Jest and React Testing Library.
- π§Ύ Topics Covered:
- Jest, React Testing Library
- Unit Testing principles
- π» Coding
- π Theory - Notes, Assignments & Assignment Solution
π Let's Connect π€