benoitvallon / react-native-redux-app-100-10-1

React Native App with redux for the 100-10-1 method

React Native App with redux for the 100-10-1 method

Screenshots

Libraries/tools

This project uses libraries and tools like:

• es6 syntax
• react-native
• redux to organize the data flow management
• redux-storage for the data persistence in the App
• react-native-swipeout for the swiping rows
• jest and babel-jest for the tests

What is the 100-10-1 method?

Basically, the 100-10-1 method is a method to sort out ideas. The concept is to start listing 100 "random" ideas, then narrow it down to 10 MVPs to finally select the One!

The term has been coined by Nick Bentley in his excellent post describing his game design process. If you want a detailed approach of the method I strongly encourage you to read his post.

Fogus has also written an nice post about applying this method to open source projects selection. If you are developer thinking of doing open source projects it is definitely worth reading.

How to build/run the App

Requirements for React Native on Mac

• OS X
• Xcode 6.3 or higher is recommended (Xcode only runs on Mac).
• Homebrew is the recommended way to install node, watchman, and flow.
• brew install node
• brew install watchman. We recommend installing watchman, otherwise you might hit a node file watching bug.
• brew install flow. If you want to use flow.

Running the App

• npm install to install all the dependencies, React and React Native among others.
• Open iosApp.xcodeproj and hit run in Xcode.
• Hit cmd+R in your iOS simulator to reload the App and see your change!

Run the tests

To run the tests, simply run:

npm test