Skip to product information
1 of 3

82% Off React Front To Back | Udemy Review & Coupon

82% Off React Front To Back | Udemy Review & Coupon

With this course, you can learn modern React by creating 4 projects including a Firebase 9 app and a full stack MERN app.

This course covers:

Are you looking to become a React Front-end expert? If so, this on-demand course is perfect for you! With 20 hours of video tutorials, 3 downloadable resources, and a certificate of completion, this course has everything you need to become an expert in React.

What will be learned

React Front to Back is the perfect course for both beginner and intermediate React developers looking to take their skills to the next level. With four different projects, you'll learn modern React by building real-world applications from scratch. Each project comes with an in-depth explanation of the fundamentals of React so that you can understand exactly how each application works.

First, you’ll build a feedback app that will give you an introduction to React’s fundamentals such as components, props, and state. Next, you’ll create a house marketplace using React and Firebase 9. Following that, you’ll learn how to use React Hooks and create custom hooks to make your code more efficient. You’ll then dive into creating global state management with Context and Reducers. Finally, you’ll build a full-stack MERN support ticket system with Redux Toolkit.

With this course, you’ll have everything you need to become a React Front-end expert!

About the author

Brad Traversy is a Full Stack Web Developer and Instructor at Traversy Media.

Brad Traversy has had experience in programming for 12 years, and has been instructing for over 5 years. He is the owner of Traversy Media, a successful web development YouTube channel which covers topics such HTML5, front end frameworks like Angular, and server side technologies like Node.js, PHP and Python. Brad is proficient in communicating complex topics in an easily comprehensible way. Enhance your knowledge by watching Brad's courses.


When it comes to learning React or any other framework, it is important to have a good understanding of JavaScript fundamentals. Without a solid knowledge of JavaScript, it can be difficult to learn the more complex concepts that are necessary for working with React.


This course is designed for both newcomers to React and experienced developers, allowing them to gain an understanding of the framework and refine their skills with projects.

The first project (Feedback App) is organized to provide an introduction to fundamental topics such as components, hooks, props, state, etc for beginner learners. The second project (Github Finder) will demonstrate working with 3rd party APIs and the third project (House Marketplace) covers a larger range of topics including authentication, Firestore queries, file storage and more using Firebase 9.

The final project has been added to the list. This is a fullstack MERN support ticket system incorporating Redux and Redux Toolkit.

This course covers the following topics:

The fundamentals of React, such as components, props, hooks and state, should be understood.

React features hooks including useState, useEffect, useContext, useReducer, useRef, and more.

Developing custom hooks.

React Router version 6 is the latest release.

Strategies for managing global state, such as reducers and hooks, may be implemented using context.

Firebase 9 offers authentication, query, and storage services.

Deploying React applications to Vercel and Netlify.

An introduction to creating animations using Framer Motion.

The websites includes Leaflet maps and Swiper sliders.

MERN (MongoDB, Express, React, Node.js) is an example of Fullstack technology.

The creation of a REST API is possible.

Further information is available.

This course has been thoroughly updated with new projects and concepts from the original course. I recommend starting with one of the React courses before progressing to courses focused on the MERN stack.

This course is intended for:

Anyone wanting to become a React developer should learn the fundamentals of the JavaScript programming language. This means understanding variables, objects, arrays, functions, and loops. It also helps to have an understanding of ES6 syntax as it pertains to React development.


View full details

Skills for your future

Courses start at just $13.99