TodoMVC Example

Assuming you already have react-native and elm setup. From the command line run in the examples directory (not this directory!):

$ react-native init TodoMVC 

When asked if you want to overwrite index.ios.js and index.android.js

• decline with "n"

Using git revert the changes react-native made to the package.json file and run:

$ cd TodoMVC
$ npm run compile 

finally:

ios:

$ react-native run-ios # this runs emulator

android:

$ android avd # Simple instruction for emulator

$ react-native run-android
$ react-native start --reset-cache

Development terminal:

$ npm run compile 

ios:

emulator updates: ctrl (command) - R

Enable logging from menu

android:

emulator updates: R + R logging:

$ adb -e logcat

To Do (not all in order)

• Basic PoC
  • Have runnin in IOS
  • Have runnin in Android
• Polish
• Add web version
  • Reuse code between elm-native-ui and http version
  • Server side rendering
• Use device/local storage
• Server
  • Get data graphql Endpoint to receive data from
  • Create Elixir project to get data from
  • Add login between elixir stack and elm stack