Search⌘ K
Home
Courses
Integrating Firebase with React

Exercise 12: Our Final App!

Explore the final exercise to solidify your understanding of integrating Firebase Real-time Database with React. Confirm your source code and learn the essential steps to read and write data, ensuring effective user data management in your app.

We'll cover the following...

Project

import React from 'react';

import { AuthUserContext } from '../Session';
import { PasswordForgetForm } from '../PasswordForget';
import PasswordChangeForm from '../PasswordChange';
import { withAuthorization } from '../Session';

const AccountPage = () => (
  <AuthUserContext.Consumer>
    {authUser => (
      <div>
        <h1>Account: {authUser.email}</h1>
        <PasswordForgetForm />
        <PasswordChangeForm />
      </div>
    )}
  </AuthUserContext.Consumer>
);

const authCondition = authUser => !!authUser;

export default withAuthorization(authCondition)(AccountPage);

Exercise

  1. Confirm your
...