Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React JS & Firebase Complete Course (incl. Chat Application)
Rating: 4.4 out of 5(119 ratings)
1,129 students

React JS & Firebase Complete Course (incl. Chat Application)

Create "real world" React JS applications connected to Firestore (Firebase). Redux, authentication + real time features!
Last updated 3/2023
English

What you'll learn

  • Develop real-world web application with React JS and Firebase
  • Understand the processes and concepts of React JS 2
  • Use gained knowledge to create your own Web Applications

Course content

10 sections121 lectures24h 29m total length
  • Section Introduction2:10
  • Project initialization11:56
  • Framework deep dive21:21
  • Functional Component9:38
  • Class vs Functional Component4:56
  • What is State ?10:00
  • State in Functional component9:08
  • Counter functional component9:09
  • Counter class component7:39
  • Props in class component17:31
  • Props in functional component5:10
  • Previous data in functional component14:02
  • Jsconfig4:08
  • Init layout + styles17:56
  • Iterate services13:10
  • Service item component13:34
  • Routing11:04
  • Create Link + Navbar section9:06

Requirements

  • Javascript and ES6 knowledge is required!
  • Base Html and CSS is required

Description

WHAT IS REACT JS?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called "components."

WHAT IS FIREBASE?

Firebase provides a real-time database and backend as a service. The service provides application developers an API that allows application data to be synchronized across clients and stored on Firebase's cloud.


THE COURSE

Students learn best when they're putting what they learn into practice straight away, so we've built this course around one great project (which will look fantastic in your career portfolio!):

In this course, we will build an application where users can participate in different services that can improve users' expertise in various fields.

We will start with the basics of React JS framework. We will create the initial layout, first pages, and routing.

The first section will not only be about React JS. We need a database to make our application dynamic and up to the standards. The database we will use in this course is cloud Firestore from Firebase. IN Firestore, we will keep different data types, for example, services, offers, collaborations, and users.

After the first section, you will start learning about firebase authentication. I will show you how to log in and register with Firebase. After the user is logged in, we will display our application with modifications only authenticated users can see.

The main idea of this application is to offer and subscribe to various services. For this reason, we will implement a page. where users can create service and where I get you familiar with form validation as well

After the service is created, it will be displayed on the Home page and offered to other users.

Later we will be creating functionality to trade services between the users. Every logged-in user can make an offer for service after submitting the offer. Then, it is up to the service owner if he is willing to accept or decline an offer. If the service owner accepts the offer, the user can create collaboration.

When all of the users are joined into collaboration, then cooperation can be started for a specific amount of time, and users can exchange messages. Once collaboration is created, the service owner will receive a message to participate in the partnership. After the partnership is finished, messaging is disabled.

In the last section, I will be talking about security rules for Firestore, and finally, we will deploy our application to Heroku so you can share it with your friends and family. This is just a short preview of all of the features, and there is much more prepared for you.


With over 24 hours of on-screen instruction, it doesn't matter whether you're planning to start your career as a developer or want to improve your programming skills. This is the right course for you!

Who this course is for:

  • Developers new to React JS & Firebase
  • Experienced developers looking to hone their React JS & Firebase skills
  • People eager to learn new knowledge