In the previous chapter, we learned about how we can integrate Firebase with ReactJS and how we can create a component in JSX. We also saw how we can interact with DOM elements to get the onSubmit form values and send them to the Firebase database to store and sync the form data in the cloud. React uses a fast, internal, synthetic DOM to perform to diffs and compute the most efficient DOM mutation for you where your component actively lives.

In this chapter, we'll create a login component with React and JSX to secure our helpdesk application with the Firebase authentication feature that allows only authorized users to view and add a new ticket.

Here's a list of the points that we'll focus on this chapter:

• React and Firebase setup with Node.js
• Composite component with React and JSX
• Firebase Authentication Configuration
• Custom Authentication
• Third-Party Authentication with Facebook and Google