Code Monkey home page Code Monkey logo

firebase-react-native-redux-starter's Introduction

DEPRECATED. This project is not maintained anymore.

Build Status license

Starter For Firebase, React Native, Redux Applications With 100% Of Code In Common Between IOS And Android, with built In Authentication, Crud Example And Form Validation.

Features

  • Authentication
  • CRUD ( Create, Read, Update, Delete )
  • Form validation
  • Redux form library configuration
  • Redux configuration
  • React Native Router Flux configuration
  • Linting with Airbnb eslint configuration

Preview

Getting started

Clone Repo

git clone https://github.com/DimiMikadze/firebase-react-native-redux-starter

npm install dependencies

npm install

Firebase

Create firebase app

  • You'll need a JavaScript (web or Node.js) app to create at Firebase.
  • Find firebase.example.json file in src directory, rename it to firebase.json and edit it with your firebase app configuration.

Add rules to firebase database

In firebase console navigate to, Database -> Rules and add following code snippet.

{
  "rules": {
    "users": {
      "$uid": {
        ".read": "$uid === auth.uid",
        ".write": "$uid === auth.uid"
      }
    }
  }
}

Application

IOS

react-native run-ios

Android

react-native run-android

Testing

npm run test

Linting

npm run lint

firebase-react-native-redux-starter's People

Contributors

ajostergaard avatar tomkochievi avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

firebase-react-native-redux-starter's Issues

Cannot read property 'style' of undefined

Hey @DimitriMikadze,

I came across your repo and keen to clone and try myself but after I run npm install i get this Cannot read property 'style' of undefined. have you had this before?

Thanks

TypeError: Cannot read property 'style' of undefined

Hello,

thanks for the boilerplate @DimitriMikadze
I've install it with npm install but when running this error appears
image

This is the output from npm run test

jorge@linux:~/firebase-react-native-redux-starter$ npm run test

> [email protected] test /home/jorge/firebase-react-native-redux-starter
> jest


 RUNS  __tests__/index.android.js
 RUNS  __tests__/index.ios.js
 FAIL  __tests__/index.android.js
  ● Test suite failed to run

    TypeError: Cannot read property 'style' of undefined
      
      at Object.<anonymous> (node_modules/react-native-router-flux/src/Scene.js:30:105)
      at Object.<anonymous> (node_modules/react-native-router-flux/src/Actions.js:10:12)
      at Object.<anonymous> (node_modules/react-native-router-flux/index.js:1:398)

 FAIL  __tests__/index.ios.js
  ● Test suite failed to run

    TypeError: Cannot read property 'style' of undefined
      
      at Object.<anonymous> (node_modules/react-native-router-flux/src/Scene.js:30:105)
      at Object.<anonymous> (node_modules/react-native-router-flux/src/Actions.js:10:12)
      at Object.<anonymous> (node_modules/react-native-router-flux/index.js:1:398)

Test Suites: 2 failed, 2 total
Tests:       0 total
Snapshots:   0 total
Time:        6.162s
Ran all test suites.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] test: `jest`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/jorge/.npm/_logs/2017-08-21T22_27_58_935Z-debug.log

Not Working!

I'm only getting this in the browser :(

React Native packager is running.

License?

I am looking to put use this starterkit for a personal project. Would like to know what license this project is on.

scene_1_post conflicts withanother child

Hi Dimitry

I found your demo app very useful, but I got an error when I have 3 users in firebase. This error "scene_1_post conflicts withanother child" appear when I want to login with another user. Anyone had experienced with this error?

Thanks

Authentication failed

Hi Mr. DimitriMikadze,

I was able to run the application successfully but when I want to Sign up for the new account it returned me "Authentication failed" error & the button is the "Log in" button & when I want to Sign in it also returned me the "Authentication failed" error. May I know what is the problem? May you help to rectify it? Thank you

Failed verification

Upon sign-up just gives me authentication failed

firebase.json

{
"apiKey": "AIzaSyB4PZr0HujoDSifunx2F1E9Z18H-cK5trk",
"authDomain": "frammy-f83ef.firebaseapp.com",
"databaseURL": "https://frammy-f83ef.firebaseio.com",
"storageBucket": "frammy-f83ef.appspot.com",
"messagingSenderId": "304858888230"
}

Help with implementation

I mentioned you in a comment but realised maybe your repo is a better place for this... Sorry if its not.

I've been working on an implementation similar to yours but I wanted to use the ReactNavigation rather than flux router so I've built my own. I can get everything showing up fine and everything, but for some reason my changes don't get reflected in the input. I.E I put in a value and it gets into Redux store and everything but the input gets set back to an empty string.

Here is my repo:

https://github.com/sethreidnz/DontFUpYourFlight

And here is the form itself:

https://github.com/sethreidnz/DontFUpYourFlight/blob/master/app/components/auth/SignUp.js

Would love any feedback!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.