1.3 KiB
1.3 KiB
Mozlando Frontend Demo
Original sample code is on erikras/react-redux-universal-hot-example.
This is an experiment to test out what Redux + React + universal JS looks like as a demo Addons front-end.
The idea to it to try and do the following:
- Create a basic fake search API that returns random data.
- Create a basic search result page.
- Play with forms that work server-side only as well as via redux.
- It doesn't need to look pretty though we can hack together some styles.
Getting started
- You'll need
nvm+node 4.x+npm 3.xto be able to install the node deps. You may need tonpm install -g npmafter updating node. - Once you have that install the deps with
npm install. - To fire things up use
npm run dev. - The redux devtools can be shown with
ctrl+shift+h.
Running the production version.
The CSS only fully works with JS when running the dev server. To see it without JS you'll need to build it for production.
To see the built-code running fully as a universal app you can built and run it in production mode with:
npm run build
PORT=8080 npm run start
Deploying to Heroku
- Set
heroku config:set NPM_CONFIG_PRODUCTION=falseto install dev deps. - Push to heroku:master