reactfire - ReactJS mixin for easy Firebase integration

  •        107

Firebase mixin for ReactJS

https://github.com/firebase/reactfire/

Tags
Implementation
License
Platform

   




Related Projects

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-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.

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-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.


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-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-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.

setwithfriends - 🎮 A frictionless multiplayer web app that lets you play Set with friends

  •    Javascript

This is the source code for Set with Friends, an online, multiplayer implementation of the real-time card game Set. Your goal is to find triplets of cards that follow a certain pattern as quickly as possible. This app was built on a serverless stack primarily using the Firebase Realtime Database, along with Firebase Cloud Functions for more complex or sensitive operations. The frontend was built with React, with components from Material UI.

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.

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.

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.

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.

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.

Mister-Poster - A very basic single feed social media application

  •    Javascript

This is my second application using react native. I'm really enjoying the technology. My main objective of this project was to learn how to integrate react native applications with Firebase. Firebase isn't properly supported yet for react native (third party logins like google, facebook, twitter still doesn't work due to webview requirement), but it have enough support for creating amazing stand alone applications. The app is Android only. I'm on a Ubuntu machine and apple doesn't allow me to create apps for them. I would really appricate any suggestions, feedback, PRs and Issues.

Canner - Universal Content Management System(CMS) framework using React & Apollo GraphQL, for GraphQL and Restful API

  •    Javascript

CannerCMS lets you build flexible content management systems easy and fast, CMS developers built for CMS developers. Template CMS, Content Management System can build websites fast, but clients often need custom solutions? Well, what CannerCMS do is let creating custom CMS fast and easy with many clouds.

react-hn - React-powered Hacker News client

  •    Javascript

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






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.