the-road-to-react-with-firebase - The Road to React with Firebase: Your journey to master Firebase in React

  •        14

The official repository for The Road to React with Firebase. If you want to leave a review, you can do it on Goodreads. You can help to improve the book by opening Issues and Pull Requests (PR).

https://roadtoreact.com
https://github.com/rwieruch/the-road-to-react-with-firebase

Tags
Implementation
License
Platform

   




Related Projects

react-firebase-hooks - React Hooks for Firebase.

  •    TypeScript

A set of reusable React Hooks for Firebase. Official support for Hooks was added to React Native in v0.59.0. React Firebase Hooks works with both the Firebase JS SDK and React Native Firebase, although some of the Flow and Typescript typings may be incorrect - we are investigating ways to improve this for React Native Firebase users.

react-router-firebase-auth - Example of how to have protected routes with Firebase and React Router.

  •    Javascript

This is an example repo for authenticating with Firebase and React Router.

firebase-react-native-sample - Using React Native with Firebase

  •    Javascript

With the new 3.1.0 SDK, Firebase Database and Firebase Auth, now work with React Native. Rather than use new Firebase(url) like with the old SDK, you now configure firebase with firebase.initializeApp(config), and use the new firebase.database().ref() method.


todo-react-redux - Todo app with Create-React-App • React-Redux • Firebase • OAuth

  •    Javascript

A simple Todo app example with undelete capability — built with Create React App, React Redux, and Firebase. Try the demo at https://todo-react-redux.firebaseapp.com.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.

re-base - :fire: A Relay inspired library for building React.js + Firebase applications. :fire:

  •    Javascript

React.js makes managing state easy to reason about. Firebase makes persisting your data easy to implement. re-base, inspired by Relay, combines the benefits of React and Firebase by allowing each component to specify its own data dependency. Forget about your data persistence and focus on what really matters, your application's state. I spent a few weeks trying to figure out the cleanest way to implement Firebase into my React/Flux application. After struggling for a bit, I tweeted my frustrations. I was enlightened to the fact that Firebase and Flux really don't work well together. It makes sense why they don't work together, because they're both trying to accomplish roughly the same thing. So I did away with my reliance upon Flux and tried to think of a clean way to implement React with Firebase. I came across ReactFire built by Jacob Wenger at Firebase and loved his idea. Sync a Firebase endpoint with a property on your component's state. So whenever your data changes, your state will be updated. Simple as that. The problem with ReactFire is because it uses Mixins, it's not compatible with ES6 classes. After chatting with Jacob Turner, we wanted to create a way to allow the one way binding of ReactFire with ES6 classes along some more features like two way data binding and listening to Firebase endpoints without actually binding a state property to them. Thus, re-base was built.

react-firebase-starter - Boilerplate (seed) project for creating web apps with React

  •    Javascript

React Firebase Starter (RFS) is a popular project template (aka boilerplate) for creating single-page applications with React, Firebase and GraphQL.This project was bootstraped with React Firebase Starter by Kriasoft (get support on Telegram).

react-native-fcm - react native module for firebase cloud messaging and local notification

  •    Java

react-native-firebase has introduced new firebase messaging and remote/local notification features. It has good integration with other firebase features. I would recommend new comers to check that. react-native-firebase now can do what react-native-fcm can so it is a waste of effort to build the same thing in parallel.

react-redux-firebase - Redux bindings for Firebase

  •    Javascript

Redux bindings for Firebase. Includes Higher Order Component (HOC) for use with React. The Material Example is deployed to demo.react-redux-firebase.com.

firebase-php - Firebase Admin PHP SDK

  •    PHP

Interact with Google Firebase from your PHP application. You can find the full documentation at firebase-php.readthedocs.io.

react-native-firestack - A firestack v3 react-native implementation

  •    Java

Firestack makes using the latest Firebase straight-forward. Firestack is a light-weight layer sitting atop the native Firebase libraries for iOS and Android and mirrors the React Native JS api as closely as possible.

firebase-ios-sdk - Firebase iOS SDK

  •    Objective-C

This repository contains a subset of the Firebase iOS SDK source. It currently includes FirebaseCore, FirebaseAuth, FirebaseDatabase, FirebaseMessaging, and FirebaseStorage.Firebase is an app development platform with tools to help you build, grow and monetize your app. More information about Firebase can be found at https://firebase.google.com.

redux-firestore - Redux bindings for Firestore

  •    Javascript

This assumes you are using npm as your package manager. It is common to make react components "functional" meaning that the component is just a function instead of being a class which extends React.Component. This can be useful, but can limit usage of lifecycle hooks and other features of Component Classes. recompose helps solve this by providing Higher Order Component functions such as withContext, lifecycle, and withHandlers.

react-hn - React-powered Hacker News client

  •    Javascript

A React & react-router-powered implementation of Hacker News using its Firebase API.

react-native-firebase-starter - 🎁 A bare-bones react native app with react-native-firebase pre-integrated so you can get started quickly

  •    Javascript

A basic react native app with react-native-firebase pre-integrated to get you started quickly. If you're only developing for one platform you can ignore the steps below that are tagged with the platform you don't require.

react-native-redux-groceries - A simple grocery list app with offline support, built with React Native, Redux, Firebase

  •    Javascript

A simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android. Update config.js with your Firebase app credentials.