The Complete React Bootcamp 2023 (w/ React Hooks, Firebase)

Become an advanced ReactJS developer, build and deploy three production-ready apps with React, React Hooks, and NodeJS.

4.50 (85 reviews)

Udemy

platform

English

language

Web Development

What you will learn

Build and deploy responsive and production-ready React apps from scratch

Setup and develop a React app with firebase (cloud functions, cloud messaging, realtime database, storage, auth)

Master React Hooks and latest React syntax

Master state management with React Hooks and Context API

Learn and practice bleeding-edge JavaScript (ES2020)

Why take this course?

Created with up-to-date versions of React, React Hooks, Node.js, JavaScript, and Firebase.

------

What is this course all about?

This course is about React - a library that helps developers to create user interfaces on the web. But React is not limited only to user interfaces, there is much more to that.

Have you ever wondered how Facebook, Twitter, or Netflix websites are built and why they don't feel like websites at all? React can answer all of that. In this course, we show how to create mobile-feel-like websites (Single Page Apps) where React is the foundation.

First, we will guide you through the basics of web development before jumping into React. Here we will talk about the latest JavaScript, Node.JS, Git, APIs, and essential tools to make you feel as comfortable as possible at any stage of the development process.

Then we slightly move to React with a small portion of theory. At this point, you will get to know what React is made of and how it works.

Our first project is a Tic-Tac-Toe game. Here you will get to know React basics, hooks, and core functionality. By the end of this project, you will be able to create a simple web app that shows off your strong React basics. Here you will experience the development flow of a React app in general.

The second project is a movie search web-app called Box Office. With this project, we move towards more complex React use-cases and we start working with external APIs, dynamic layout, and pages combined with different approaches for styling a React app. Here we will work with more advanced and custom React Hooks. At the end of this project, we will analyze and optimize the app with React hooks to make it even more faster and reliable. We will even turn it into a Progressive Web App that works offline!

The final project is going to be a Chat app. It will include the following features: social media logins, account management, role-based permissions, real-time data, and lots of others. In this project, we will combine React with Firebase - a backend solution in the cloud, powered by NoSQL database. You will master global state management with Context API and sharpen your knowledge of React hooks. At the final stage, we will extend the app with a custom backend in form of serverless.

All of our projects will have a user-friendly and well-designed user interface that is responsive and optimized for all devices.

Is this course exactly what are you looking for?

If ...

... you are eager to learn front-end development with React from scratch ...
... you have some experience with React, but you don't feel confident ...
... you only started to learn web development and want to move towards modern tools and technologies ...
... you feel that you stuck doing only HTML, CSS and some JavaScript ...

... then this course is definitely for you!

What do you need to succeed in this course?

HTML and CSS is absolutely required
General/basic understanding of programming or JavaScript
No prior experience with React or JavaScript frameworks
Passion to learn new things :)

After this course, you will have:

Three real-world React projects of different complexity that can be put into your resume
Total React comprehension
Experience with popular React libraries
Knowledge of how to create and deploy React apps
Knowledge of custom serverless backend and Firebase

Topics that will be covered and explained:

React basics (syntax, core concepts, theory)
Scaffolding templates (create-react-app, nano-react-app /w Parcel)
Styling of React apps (CSS, SASS, UI components library, CSS-IN-JS /w Styled components)
Conditional rendering (dynamic content and styles)
State management, local + global (/w React Hooks, Context API)
Components analysis and optimization (/w React hooks)
Complex layout management
Dynamic pages with React Router
Progressive Web Apps and service workers
Real-time subscriptions in React
Using external APIs to fetch remote data
Deployment of React apps (github pages, surge, firebase)
Serverless backend with cloud functions in node.js
Latest and modern JavaScript (ES6 - ES2020)

Not part of React, but included:

Git, Node.js, APIs, ESLint and Prettier quick guides
Firebase (/w NoSQL realtime database, cloud functions, cloud messaging, cloud storage)
Serverless cloud computing idea and concept + explanation about docker containers

Don't just take our word for it, see what our past students had to say about this course:

"First of all, the course is really well done and very comprehensive. It covers important real-world concepts like optimizing your code with code splitting, memoizing, useCallback." - Toni S

"Great course content & prompt response to Q&A!" - R L

"Instructors are responsive, got help quickly when I needed it." - Leigham Springer-sutton

What if you stuck during the course?

Getting stuck is the worse and inevitable. At the same time it's a common thing for a developer. We understand that and we are always ready to help you out with your questions as quickly as possible.

What if you are not satisfied with this course?

We are so confident that you will love this course that we're offering a 30-day money-back guarantee! You can sign up today with zero risks.

What are you waiting for? Enroll today!

Screenshots

The Complete React Bootcamp 2023 (w/ React Hooks, Firebase) - Screenshot_01

The Complete React Bootcamp 2023 (w/ React Hooks, Firebase) - Screenshot_02

The Complete React Bootcamp 2023 (w/ React Hooks, Firebase) - Screenshot_03

The Complete React Bootcamp 2023 (w/ React Hooks, Firebase) - Screenshot_04

Reviews

Tanuj

February 26, 2022

The instructor explained the concepts quite well. The course is updated regularly. All my doubts were clarified within 24 hours and sometimes within a few hours.

Sapta

February 15, 2022

Heavily underrated. This is the ONLY course I found that teaches you object destructuring correctly and I have been through many many courses. The best course on React and flying under the radar. Tad beyond beginner level, just what I needed. @AA, @AH: You may want to mention basic understanding of JS and ReactJS as a prerequisite.

Ahmad

August 6, 2021

Don't think, just buy, Mr Andrew really helpful. He answering all your doubt and confusion. I would buy his other tutorial.

Suraj

August 2, 2021

Tech used in final project is very much outdated!! This course is actually useless at this point in time.

Alivealice

June 15, 2021

There's one sentence I just caught from in the middle of the lecture while I was thinking to leave a comment. "You can find it more practical only when you get into it on a real world example." Yes, this course is like you're practicing for driving license, we'll probably need to get through the real world projects after this bootcamp. Yet, I found this course is really worth to take it (in my point of view, I had studied front-end for about half a year and didn't really touch React before) in many aspects. One is that maybe it's about taste but the way the lecturers let the learners engage with their explanations is great. I mean I could focus without being distracted. Second is that finally I looked around bit Q&A section, and I could see how much these two guys are into learners questions and so willing to update their course. Yeah, there was reason that you two(I like this course a lot) were so confident in the introduction. Third, the sound and the screen. The audio quality is decent enough, and the screen as well(sometimes I hope it to be zoomed a bit earlier, but mostly, anyway, it is in a good quality). Overall, a single course really matters to beginners. It is REALLY good that I don't have to think about other things but just follow the course (I do also cross-check with github, tho). One more thing is that, English is not my first language but I usually use this language for studying and working. So I tend to focus on contents in a fast speed for the efficiency (Do you know what I mean? if the speaker is too slow, or using too much jam words... it really distracts me from learning). This course is efficient enough. Thanks for the course, and wish to see you (even in a virtual world) in a real development world! Frankly, I'm only in the middle of the course(i'm doing box-office) and I just wanted to scribble something down to rest. Haha

Archid

April 4, 2021

A very practical approach to react instead of courses that waste time on building mini apps. The instructor nails this by getting to the point. There will be a lot of places where you might have to figure out how react works on your own so a beginner might find it difficult but that's how I learnt programming. Always choose a decently simple and complicated course and in no time you figure out how things work and the instructor responds with great effort and detail for any question posed so a must buy for any one pursuing react. Even if a beginner is stuck at a lot of places, definitely buy it so that you can come back to this course to become an expert and build using best practises.

Akshat

November 7, 2020

Showing installation git, node and vs code for different OS (Mac and Linux) would have been better for beginners.

Toni

October 2, 2020

First of all, the course is really well done and very comprehensive. It covers important real-world concepts like optimizing your code with code splitting, memoizing, useCallback. This is something where other courses definitely lack behind. Additionally, the projects are really nice and especially the Chat App gives a nice "real world" feel. Moreover, if you want to learn a bit about Firebase, this course has something for you as well. However, personally, I have two points of criticism: First, speed. If you are completely unfamiliar with React, you will have a hard time following at some point. I am not completely new to React, but sometimes, it was very hard to code along, especially at sections where you went "now we do this, and now we do that". I can only give students one advice here: After finishing a section, READ the code again, just go through it and try to understand the parts you did not understand, and take your time until you get a grasp of what is going on. My advice for the instructor would be, to slow down a little bit, to make it easier to follow your thoughts :p My second minor point of criticism is that some concepts could be explained a little bit more in detail. For instance, I had a hard time grasping when it makes sense to use useCallback, memo and some of the other quirks of React. Although this may not affect everyone and could just be an issue related to me. All in all, the course is really good and, as I said, very comprehensive. It will give you a very solid foundation on making your own projects! Keep it up :)

Khateeb

August 25, 2020

Course is well instructed but even though I am not a total beginner in react, I found it to be a little hard at times due to a little quicker pace. Don't get me wrong, course is great but I think a total beginner might struggle. The biggest plus for me would be the understanding of some key concepts that I was struggling before taking this course, for example, children prop to name one. Instructor does try his best to explain everything in a straight forward manner and it does work most of the time which is good. Video quality suffers from 720p. In the age of 4k quality videos, 1080p should be the minimum standard. Projects are good and never boring. Recommended.

Charts

Price

Rating

Enrollment distribution

The Complete React Bootcamp 2023 (w/ React Hooks, Firebase) - Distribution chart