Joel Ross
Spring 2023

<info 340/>

Firebase Authentication

View of the Day

  • FirebaseUI (code demo)

  • Managing Auth State (code demo)

  • Firebase Image Uploading (code demo)

FirebaseUI

A library (provided by Firebase) that created a sign-in form for your page.

React 18 workarounds

The React bindings for FirebaseUI (firebaseui-web-react) has not been updated for React 18 yet, and appears to have been abandoned. See the open pull request from Gabriel Villenave.

//in package.json
"react-firebaseui": "https://gitpkg.now.sh/gvillenave/firebaseui-web-react/dist"
# Install library (on command line)
npm install https://gitpkg.now.sh/gvillenave/firebaseui-web-react/dist

A second option is to instead install the firebaseui library (instead of the React bindings) and copy in the StyledFirebaseAuth.tsx file yourself.

Until the pull request is accepted, one work around is to install the updated fork instead of the usual package:

Action Items!

  • Review Everything

  • Late/missing Problem Sets due on Friday

  • Final Project due on Monday

    • Hard deadline! No grace period or anything
       

Next time: Conclusions (followed by in-person office hours until ~12p)

info340sp23-firebase-auth

By Joel Ross

info340sp23-firebase-auth

  • 253