Easily Add Firebase Auth to React

Let's add Firebase Auth to a React app (Next.js) to keep those unsavoury characters out! We will create a custom AuthProvider to track the authentication status of our user. We'll add both email/password plus GitHub connect as forms of authentication.

Let's add Firebase Auth to a React app (Next.js) to keep those unsavoury characters out! We will create a custom AuthProvider to track the authentication status of our user. We'll add both email/password plus GitHub connect as forms of authentication.

---------- Course

Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we'll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://courses.leighhalliday.com/next-level-next-js

---------- Links

Source Code - https://github.com/leighhalliday/gist-shameful Starting Code - https://github.com/leighhalliday/gist-shameful/tree/1f8dffcf57256b4838905ccc24a30d1113645d37

---------- Timeline

• 00:00 - Create Firebase App
• 05:00 - Initialize Firebase
• 07:40 - Create Auth Provider
• 16:50 - Use Auth Context
• 17:45 - Create Login Page

firebase react

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Using Firebase and react-router to create protected routes in a react app.

ＬＩＫＥ | ＣＯＭＭＥＮＴ | ＳＨＡＲＥ | ＳＵＢＳＣＲＩＢＥ The Firebase Realtime Database is a cloud-hosted NoSQL database that lets you store and sync data between your users in re...

ＬＩＫＥ | ＣＯＭＭＥＮＴ | ＳＨＡＲＥ | ＳＵＢＳＣＲＩＢＥ Firebase is a mobile and web application development platform developed by Firebase, Inc. in 2011, then acquired by Google...

How to use firebase in react native, including installing firebase for android and iOS. Learn how React Native is configured to use the latest react-native-firebase version 6 library, as the version 5 library recently was upgraded. This will be the first video in a series about React Firebase where we install and test out different features. In the next videos, we will take a look at react native firebase analytics.