Skip to content

jcollum/kishar-nine

Repository files navigation

React Native Redux sample project

This is a sample app intended to show the growth of an app as it adds complexity. It is not intended to demonstrate best practices since I am just learning the React Native ecosystem, therefore I don't know what they are.

The app is organized into branches.

00-basic-setup: react native init, basic setup; file system and README files to explain what's in the folders

01-simple-counter: a simple counter on the index page that counts up when clicked

02-routing: added in a router, moved simple counter to a new view

03-redux-counter: brought redux and react-native-router-flux into the project, got counter working with redux

04-asynch-counter: added asynch behavior into the counter, following this guide: http://redux.js.org/docs/advanced/AsyncActions.html`

05-testing: added in Jest tests (these are not working, bug between Jest and RN 0.39)

06-material-elements: added in some material samples

07-nativebase: demonstrates use of native-base (http://nativebase.io/)

08-material-part2: another set of material elements: toggles, switches and checkboxes

09-RN-039: updated project to work in RN 0.39

Getting going

  1. clone the repo
  2. cd into new repo directory
  3. npm install
  4. npm start -- this will start the packager
  5. open a new terminal window
  6. check out a branch if you want to see a specific feature
  7. start the app in IOS or Android with npm run ios or npm run android
  8. if it all goes well when you start you should see this (if you launch both):

image of ios and android screens