firestorter - Use Firestore in React with zero effort, using MobX

  •        23

That's it. Your Components will now render your firestore data and re-render when data in the back-end changes. Firestorter makes integrating Firestore real-time data into React easy as pie. It does this by providing a simple API for accessing Collection and Document data, whilst taking away the burden of managing snapshot listeners, data-caching and efficiently updating your React components.

https://github.com/IjzerenHein/firestorter

Tags
Implementation
License
Platform

   




Related Projects

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-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-native-firebase - A well tested feature rich modular Firebase implementation for React Native

  •    Javascript

React Native Firebase is a light-weight javascript layer connecting you to the native Firebase SDKs for both iOS and Android which aimes to mirror the offical Firebase Web SDK as closely as possible. Although the official Firebase JS SDK will work with React Native; it is mainly built for the web and has a limited feature-set compared to native.

fluttergram - A working Instagram clone written in Flutter using Firebase / Firestore

  •    Dart

A working Instagram clone written in Flutter using Firebase / Firestore

firebase-android-sdk - Firebase Android SDK

  •    Java

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. Firebase Android libraries exercise all three types of tests recommended by the Android Testing Pyramid. Depending on the requirements of the specific project, some or all of these tests may be used to support changes.


ngx-auth-firebaseui - Angular Material UI component for firebase authentication

  •    TypeScript

Angular UI component for firebase authentication. This library is an angular module (including angular components and services) that allows to authenticate your users with your firebase project. NgxAuthFirebseUI is compatible with angular material and angular flexLayout.

nativescript-plugin-firebase - :fire: NativeScript plugin for Firebase, the leading realtime JSON :cloud: app platform

  •    TypeScript

Head on over to https://console.firebase.google.com/ and sign up for a free account. Your first 'Firebase' will be automatically created and made available via an URL like https://n-plugin-test.firebaseio.com. This will launch an install script which will guide you through installing additional components. Check the doc links above to see what's what. You can always change your choices later.

squanchy-android - Open source Android app for your conferences

  •    Kotlin

Squanchy is an open source platform for conferences. The source code for the Firebase backend and for the Flutter port of the app is available in other repositories of this organisation. Documentation is available on http://squanchy.net/. The project is maintained by independent contributors (see CONTRIBUTORS.md).

iPoli-android - Fun & Motivational Todo List with Calendar for Android written in Kotlin

  •    Kotlin

myPoli combines Calendar, ToDo list and Habit tracking app, all in one place to give you the best way to achieve your goals! Find time to exercise, learn new skills, focus deeply on meaningful work, stick to good habits and free you from the burden of scheduling tasks by yourself.

hoverboard - GDG DevFest website template

  •    HTML

Project Hoverboard is the conference website template that helps you to set up mobile first conference website with blog, speakers and schedule management in a few minutes. The template is created based on 7 years of GDG Lviv team experience of running conferences and feedback from more than 500 event organizers from all around the world who were using previous Hoverboard versions.

mobx-react-lite - Lightweight React bindings for MobX based on React 16.8 and Hooks

  •    TypeScript

This is a next iteration of mobx-react coming from introducing React hooks which simplifies a lot of internal workings of this package. Class based components are not supported except using <Observer> directly in class render method. If you want to transition existing projects from classes to hooks (as most of us do), you can use this package alongside the mobx-react just fine. The only conflict point is about the observer HOC. Subscribe to this issue for a proper migration guide.

mobx-react-todomvc - TodoMVC reference implementation on top of react-mobx-boilerplate

  •    Javascript

TodoMVC reference implementation based on React TodoMVC and mobx-react-boilerplate

ReactStateMuseum - A whirlwind tour of React state management systems by example

  •    Javascript

Every app is meant to be small, simple, and the same as each other. The only difference should be the state management decisions of each. The repeated React and ReactNative app is a Packing List, with the name based on the state technology.

fe-boilerplate - Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux :dizzy: 憭舀蝡舫★格芋

  •    Javascript

Lucid & Futuristic Production Boilerplate For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux :dizzy: 憭舀蝡舫★格芋

weweChat - Unofficial WeChat client built with React, MobX and Electron.

  •    Javascript

Unofficial WeChat client built with React, MobX and Electron. Web API can not create room and invite members to room since 2018.