Welcome to the Namaste React Web Series, where I embark on an exciting journey to master React.js and dive deep into web development concepts. Here are some important guidelines to follow before you start your React journey with Namaste React.
Introduction to foundational tools and frameworks in web development.
Topics Covered:
- Visual code setup
- Hello world in HTML/JS
- CDN, React Hello World
Dive into essential package managers and module bundlers for React projects.
Topics Covered:
- npm, Parcel
- Node modules
- React app file structure
Understanding JSX, React components, and their compositions.
Topics Covered:
- JSX, React components
- Class-based vs Functional components
Implementing React's core features, managing state, and working with UI data.
Topics Covered:
- React app building
- props/state
- function mapping
Exploring React Hooks and understanding their importance.
Topics Covered:
- File structure
- Import/export
- React Hooks (useState)
Architecture insights, useEffect hook, and working with APIs.
Topics Covered:
- Architecture, useEffect
- Conditional Rendering
- API usage
This folder solves all the issues related to the Swiggy API, which we are using in our project.
In this folder, all the issues, that the students were facing because of CORS, have been resolved.
Mastering React Router for smooth navigation and routing.
Topics Covered:
- React Router
- Dynamic Routing
- Outlet Component
Learning Class-based components and their lifecycles.
Topics Covered:
- Class-based components
- Lifecycle methods
Advanced optimization techniques including Custom Hooks.
Topics Covered:
- Custom Hooks
- Optimization
- Suspense Component
Introduction to Tailwind CSS for responsive UI designs.
Topics Covered:
- Tailwind CSS introduction for UI design
Handling data flow and DevTools exploration.
Topics Covered:
- Higher-Order Components
- Controlled vs Uncontrolled Components
- DevTools
Implementing Redux toolkit for state management.
Topics Covered:
- Redux Toolkit
- React-Redux
- Actions, Reducers
Comprehensive testing with Jest and React Testing Library.
Topics Covered:
- Jest, React Testing Library
- Unit Testing principles
A new adventure begins as we embark on creating a Netflix clone with GPT-3 integration.
We dive into the core of our NetflixGPT project, enhancing its functionality and interactivity.
We wrap up our NetflixGPT project, applying the finishing touches and preparing for deployment.
Prepare for machine coding interviews while building a YouTube clone, applying React.js concepts in real-world scenarios.
Explore advanced features in our YouTube clone project, including user authentication, video streaming, and more.
We conclude our YouTube project, applying finishing touches, optimizing performance, and preparing for deployment.
Dive deep into the world of React Hooks, exploring useMemo, useCallback, and useRef for enhanced application performance.
- Assignment 01 - Inception
- Assignment 02 - Igniting our App
- Assignment 03 - Laying the Foundation
- Assignment 04 - Talk is cheap, show me the code!
- Assignment 05 - Let's get Hooked!
- Assignment 06 - Exploring the world
- Assignment 07 - Finding the Path
- Assignment 08 - Let's get Classy
- Assignment 09 - Optimizing our App
- Assignment 10 - Jo dikhta hai vo bikta hai
- Assignment 11 - Data is the new Oil
- Assignment 12 - Let's Build our Store
- Assignment 13 - Time for the test