Firebase with React

In this tutorial, we’ll learn how to work with Firebase push notifications in the backend and frontend. We’ll set up the notifications system with an Express back-end server. Afterwards, we’ll listen for the notifications in a React front-end app.

In this tutorial, we are going to build a React Native app that is integrated with a Firebase backend. The app will support both the React Native CLI as well as Expo CLI.

In this guide, we’ll show you how to set up a workflow that builds, tests, and deploys a sample React project to Firebase.

In this article, based on my experience with creating a GPS and navigation application, I will show you how to create a mobile app using Expo and Firebase services such as Firestore, Firebase functions and Expo push notifications.

In this article, we will learn how to use react-redux-firebase to build a simple to-do app with Firebase’s Cloud Firestore, and we’ll add user authentication while we’re at it.

In this article, we’ll cover key concepts for authenticating a user with Firebase in a real-time chat application. We’ll integrate third-party auth providers (e.g. Google, Twitter and GitHub) and, once users are signed in, we’ll learn how to store user chat data in the Firebase Realtime Database, where we can sync data with a NoSQL cloud database.

What do React Hooks and Firebase have in common? They both accelerate development and reduce the amount of code you need to write to build something that would otherwise be complex.

At the end of this article, we will have built a simple React app that logs users in and displays their username, email, and profile picture.

In this article, you will learn how to store, retrieve, and update user-generated data with Firebase. At the end of this article, we will have built a to-do Android app that saves and retrieves the different to-do items in a database, using a database service provided by Firebase.

In this post, I’ll walk through the process of creating a custom hook that uploads a file to Firebase.

I will be showing how to upload and store images in firebase using ReactJS.

In this intermediate React.js tutorial, we create a clone of the popular note-taking application Evernote. This app will allow us to create notes with a full text editor, and update live to a database using Firebase.

In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI.

Learn how to install expo-firebase-messaging in your app, then send a data-only message to your app using the terminal bash.

Learn how to install expo-firebase-messaging in your app, then send a data-only message to your app using the terminal bash. We plan to add support for Firebase in Expo, but this will take some time, until then here is how you can get started using notifications outside of Expo. Expo-Firebase is a port of the popular library react-native-firebase, which enables you to use all the great native Firebase features in React Native.

Let's see if I can get this to work!

Learn how to use native Firebase features in an ejected ExpoKit project. You will need an Apple computer to use XCode 🤷‍♀️ sorry windows users. We plan to add support for Firebase in Expo, but this will take some time, until then here is how you can integrate some Firebase libraries with Expo. Complex services like Dynamic Links, Invites, Crashlytics, Notifications/Messaging, would require a follow up video. Leave a comment if you wanna see these tutorials 💙

Learn how to use native Firebase features in an ejected ExpoKit project. You can use any computer to set this up! We plan to add support for Firebase in Expo, but this will take some time, until then here is how you can integrate some Firebase libraries with Expo.

The book distills the most important topics to learn about React, so you don't have to painstakingly browse the web, looking for pieces of React knowledge to build a fully working application.

Your journey to master Firebase in ReactThe book walks you through building a full-blown application with advanced React and Firebase.

In this course, you’ll use React—a JavaScript library for crafting exceptional user experiences—and Firebase to create your own quiz app with a back-end database.

Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase.

You’ll build a fully featured, production ready chat client on top of Google Cloud's serverless infrastructure and Firebase's realtime data store. Oh, and to keep you company, we’ll build a bot to talk to that is occasionally too real.

Build full-stack applications leveraging your React skills on top of Google's Firebase platform! You'll get hands-on experience building a real-world application from the ground up and deploying it to the cloud.

Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!

React: SPAs shows you how to build a polished single-page application (SPA), with tools for managing users and reading and writing data from a database

Learn & Master React With The Context API + Redux & Build a Real World Project With Firebase/Firestore.

Adding Firebase support to a React Native starter kit that I've built.

iOS and Android App Development from scratch - build full React Native mobile apps ridiculously fast!

Learn how to build and launch React web applications using React v16, Redux, Webpack, React-Router v4, and more

In this episode of React Native Radio, the panel talks to Elliot Hesp and Mike Diarmid, who are a part of the React Native Firebase team. They talk about what they do in their day jobs, how people used Firebase prior to the library being created, what Firebase is, and why you would want to use it. They also touch on types of applications you should and should not use with Firebase, their past experiences working on open source projects, how these past projects have impacted how they work on the React Native Firebase project, and more!