React JS Masterclass: Zero To Job Ready With 10 Projects

Become a React Developer: Learn React Core, Hooks, APIs,Routing, Context, Reducers, Redux, Firebase, Tailwind, deployment & more

  • 201 Videos
  • 34 hours 49 minutes
  • 375 Happy Students

About the course

Welcome to React JS Masterclass, the perfect course to start your React journey as a beginner. This course touches on each and every important topic through concept explanation, documentation, and implementation. The entire course is designed for beginners with one goal in mind, to learn concepts and build React projects.

Throughout the course, we will explore the most important React topics step-by-step:

  • JSX and components
  • State and props
  • Event handling
  • Built-in hooks (e.g. useState, useEffect, useCallback, useRef)
  • Working with forms, validations, and handling form data.
  • Client-side routing with React Router
  • Work with multiple API and handle data for projects
  • Integrating with other libraries and frameworks (e.g. Redux)
  • Testing and debugging React applications using popular libraries like Jest, RTL and React DevTools.
  • DOM manipulation and manipulating the Virtual DOM
  • Server-side rendering
  • Optimizing the performance of React application
  • Best practices for structuring and organizing React projects
  • Building and deploying production-ready React applications, including code splitting and optimization techniques.

Other Concepts:

  • Building and using advanced Custom Hooks
  • Styling with Tailwind CSS
  • Integrating Context & Reducers
  • Building mock backend with JSON Server & JSON Server Auth
  • Integrating Firebase storage as well as authentication
  • Project deployment on Netlify using Git & Github
  • Integrating external libraries: Toastify & React Skeleton

Why this course?

  • This course is focused on the concept learning approach;, you learn every concept through a logical and visual learning approach.
  • You’ll learn all the important fundamentals in the simplest possible way with examples and real-life projects.
  • You’ll need some HTML, CSS and JavaScript knowledge, but we will cover everything about React step-by-step from scratch.

The course is designed for developers who have some experience with JavaScript and web development and want to learn how to build dynamic, responsive user interfaces using React.

Resources are here in this link .

  • 201 Videos
  • 34 hours 49 minutes
  • 375 Happy Students

Courses Outline

Lesson 1: Introduction & Resources
Free
Course Introduction
5:00
Resources
10:33
Lesson 2: React Basics & Setup
Lesson 3: States and useState
Lesson 4: Components & Props
Lesson 5: Styling React Application
Lesson 6: User Input, Events & useRef
Lesson 7: useEffects, useCallback and Custom Hooks
Lesson 8: Project: TaskMate
Lesson 9: React Router
Lesson 10: Tailwind CSS Crash Course
Lesson 11: Movie API Project: Cinemate
Lesson 12: Assignment: Shopping Cart
Lesson 13: Context & Reducers Project: Shopping Cart
Lesson 14: Redux Project: Shopping Cart
Lesson 15: E-commerce Project: Codebook
Lesson 16: Assignment: Word Counter
Lesson 17: React Testing Library & Jest
Lesson 18: Firebase Crach Course
Lesson 19: Blog Project: WriteNode
Lesson 20: Bonus
  • 201 Videos
  • 34 hours 49 minutes
  • 375 Happy Students