expo-rn-firebase-image-upload - example of how to upload image in expo with react-native and firebase

  •        658

Problem: Issue uploading files in react-native in expo without detaching and issues with base64 images.

https://github.com/aaronksaunders/expo-rn-firebase-image-upload

Dependencies:

@expo/samples : ~1.0.4
base-64 : ^0.1.0
es6-promise : ^4.1.1
expo : ^20.0.0
fetch-everywhere : ^1.0.5
firebase : ^4.1.3
mobx : ^3.2.2
mobx-logger : ^0.6.0
mobx-react : ^4.2.2
mobx-remotedev : ^0.2.8
native-base : ^2.3.0
react : 16.0.0-alpha.12
react-native : ^0.47.0
react-native-scripts : ^1.3.0
react-navigation : ^1.0.0-beta.11
react-test-renderer : ^15.6.1

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.

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.

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.

Expo - Easily build cross platform apps with React Native

  •    Objective-C

Expo helps to build apps with React Native. It is a set of tools, libraries and services which let you build native iOS and Android apps by writing JavaScript. Expo apps are React Native apps which contain the Expo SDK. The SDK is a native-and-JS library which provides access to the device’s system functionality (things like the camera, contacts, local storage, and other hardware).


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.

argon-react-native - Argon React Native

  •    Javascript

Argon React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Argon's Design System, minimalistic and easy to use. Start your development with a badass Design System for React Native inspired by Argon Design System. If you like Argon's Design System, you will love this react native app template! It features a huge number of components and screens built to fit together and look amazing.

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

  •    Javascript

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

react-native-dating-app - Dating app - Exponent and React Native

  •    Javascript

This project was bootstrapped with Create React Native App. Below you'll find information about performing common tasks. The most recent version of this guide is available here.

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

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.

rn-placeholder - :dash: :dizzy: :sparkles: Display some placeholder stuff before rendering your text or media content in React Native

  •    Javascript

Display some placeholder stuff before rendering your text or media content in React Native. _Fully compatible with Expo and react-native-web.

react-native-starter - 🚀A powerful react native starter template that bootstraps development of your mobile application

  •    Javascript

A powerful react native starter template that bootstraps development of your mobile application. React Native Starter is a mobile application template with lots of built-in components like sidebar, navigation, form elements, etc - all you need to start building your mobile app faster. Check out live demo on App Store, Google Play or Expo. If you find any problems, please open an issue or submit a fix as a pull request.

react-native-copilot - Step-by-step walkthrough for your react native app

  •    Javascript

Optional: If you want to have the smooth SVG animation, you should install and link react-native-svg. If you are using Expo, you can skip this as Expo comes with react-native-svg. Before defining walkthrough steps for your react elements, you must make them walkthroughable. The easiest way to do that for built-in react native components, is using the walkthroughable HOC. Then you must wrap the element with CopilotStep.

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.

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.

material-kit-react-native - Material Kit React Native

  •    Javascript

Material Kit React Native is a fully coded app template built over Galio.io, React Native and Expo to allow you to create powerful and beautiful e-commerce mobile applications. We have redesigned all the usual components in Galio to make it look like Google's material design, minimalistic and easy to use. Start your development with a badass material UI Kit for React Native inspired by Material Design. If you like Google's Material Design, you will love this react native kit! It features a huge number of components and screens built to fit together and look amazing.






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.