You can see the very minimalistic slides in the slides folder. Just open the index.html in your webbrowser.
If you want to re-build the app as demonstrated at the devcamp17 follow these steps:
- Install react-native according to the documentation
- Init a new app by executing
react-native init TicTacToe
- Your
index.android.js
should now look similar to 00_initial.js - Start an emulator and run this default app
- Play around and modify some styles
- Build the board by adding some views
- If you are stuck have a look at 01_field.js
- Add state to your main class to handle the content of fields (02_state.js)
- Make it playable by calling setState on touches (03_playable.js)
- Add logic to detect if the game is over and who is the winner (04_winner.js)
- Finalize the app to make it a little more visually pleasing (05_final.js)
All code in the prepared folder is available under MIT License. The presentation in the slides folder is available under CC-BY 4.0. Third party content with own licenses are FontAwesome and revealjs.