Namaste React🚀
From Zero to Hero🔥
Success Stories
10,000+
Companies Hired
150+
Developer Community
30,000+
Topics Taught
50+
Some important Guidelines, before you start with 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 video solves all the issues related to the Swiggy API, which we are using in our project.
In this video, 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.
Start building the DevTinder UI with a focus on setting up the project structure and creating the initial components.
Continue building the DevTinder UI by adding styles, refining components, and implementing navigation.
Implement state management in the DevTinder UI, handling user interactions and data flow between components.
Add dynamic functionality to the DevTinder UI by connecting to the backend and displaying live data.
Finalize the DevTinder UI with polish, bug fixes, and performance optimizations for a smooth user experience.
The amazing all new React 19 is on it's way. It is expected to be released by the end of this year.
'Namaste React' covers the React 18 the latest as of now, BUT stay tuned!
After the launch of React 19 we will be updating our courses so that you get the most relevant content.
Akshay Saini, founder of NamasteDev.com, who previously worked as a software engineer at Uber & Paytm. Akshay has over 10+ years of experience in the software industry and has been guiding students to become a better software Engineer. Well known for his famous playlist named Namaste JavaScript, he has taught over 12 lakhs+ students across the globe. All the concepts in this course are taught by Akshay himself.
Akshay is extremely mindful of the technical queries and obstacles faced by students aspiring towards a career in development. Drawing from his own experiences, he has crafted courses designed to offer a straightforward yet effective problem-solving methodology. As a mentor to over 10lakh students, he has established a tech community that facilitates interaction among professionals across different levels of expertise.
`NetflixGPT` - a movie recommendation App with GPT-3.5 turbo integration🔥
✅ GPT Search, using the latest GPT-3.5 Turbo API 🚀.
✅ Authentication - Sign Up, Log In, Sign Out.
✅ Form Handling, and Form validations
✅ Advanced Tailwind.
✅ useRef hook.
✅ covered the concept of Memoization.
✅ Build Multi-Language support.
✅ Advanced data handling with Redux Toolkit.
✅ Use of .env files to secure secret API keys
`Namaste YouTube` - Our own YouTube like webApp with Live chat feature🔥
✅ Machine coding questions && discussion.
✅ Live YouTube search with autocomplete functionality
✅ Building Nested Comments feature.
✅ LIVE CHAT system with anonymous chat feature.
✅ Shimmer UI effect for a polished look.
✅ Infinite scroll for a seamless browsing experience.
✅ Live YouTube video feed using YouTube API.
✅ Advanced data handling with Redux Toolkit.
✅ Optimized API calls through caching for future use.
`Namaste Food` - Our own Food Ordering app just like Swiggy🔥
✅ React Project setup from scratch.
✅ Deep dive into JSX and other core React features.
✅ Understanding Tailwind CSS basics and setting it up.
✅ Deep Dive into all the important React Hooks.
✅ Exploring the React Routing World.
✅ Playing with Live API data, and handling it effectively.
✅ Functional Vs Class Based Components
✅ A Deep dive into Redux && Redux Toolkit.
✅ Testing our App using Jest
(BONUS) `DevTinder` - A Social Connection Platform with Real-time Live Chat 💬🔥
✅ Project setup from scratch.
✅ Planning and designing both High-Level (HLD)
✅ Low-Level (LLD) architecture.
✅ Building the UI with React
✅ Doing state management using redux
✅ This project covers only the UI part
✅ For backend of this project checkout Namaste Node.js course
Get the AI Resume Reviewer absolutely FREE
Get detailed resume analysis for tech and software engineering roles.
Also get constructive feedback and actionable suggestions!
Beautifully Curated Notes Just for You ❤️
Enhance your learning experience with thoughtfully designed, easy-to-read notes, crafted to simplify complex concepts.
Enjoy the power of reading and watching videos together. Your satisfaction is our priority!
Note: If there are some episodes without any notes. We are working really hard to get them as soon as possible
✅ React Hooks
✅ State Management
✅ Config Drive UI
✅ Redux
✅ Reusable Components
✅ Functional Comp.
✅ Props & State
✅ List & Keys
✅ Class Components
✅ Scaling React Apps
✅ Best Coding Practices
✅ React Router
✅ Optimizing React Apps
✅ Building Live Projects
✅ Bundlers & Babel
✅ JSX
✅ React Fragment
✅ Code Splitting
✅ Dynamic UI
✅ Higher Order Comp.
✅ Pure Components
✅ Code Splitting
✅ React Testing Library
✅ Interview Questions
✅ Uncontrolled Comp.
✅ Building Custom Hooks
✅ Handling Events
✅ Conditional Rendering
✅ Tailwind CSS
✅ Jest
And so much more...
Basically, I'll teach you everything I've learned over years of working in the industry and everything that I know about React. ❤️
It will be all Project-Based Learning, we will see how the theoryconcepts fit into the projects! I won't be teaching with boring slides, We will dive into the code right from Episode 1 🚀
We will start from scratch: ZERO and go till we learn building production-ready apps: HERO from Zero to Hero in 16 episodes 😎
Sounds cool, isn't it?
Try It, Risk Free ❤️
We are confident you'll love this course. But if it's not the right fit, no worries!
Get a refund within 7 days -- No questions asked.
