Demo app #1
In order to quickly get up to speed with React, Redux and React Router, we have created a demo app for you to dissect; Superhero battler 2000!
You can run the game here, check out the code here and read a more in-depth blog post here.
We recommend that you download the code to your own machine so you can learn by changing stuff around and see what happens. Simply...
- go to the git repo
- download the zip
- unpack it locally
- navigate to the folder in the terminal and run
npm installto download all needed packages
npm run buildto create the
bundle.jsfile which is actually run by the web app
index.htmlin a browser! You don't even need a server!
If you yourself change anything in the source code you have to do
npm run build again to rebuild
bundle.js before you reload the page, otherwise the same code will be run again.
Of note is that Andreas made a simpler version of the app, and Maria wrote up a good walkthrough of the code.
Demo app #2
In the second demo app we continue on the above infrastructure but add Firebase and Authentication. The app also demonstrates how we can keep all UI state in Redux, and not have a single piece of state in any component.