mozilla / mozlando-frontend-demo

Testing out react, redux universal JS and all the things.

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.x to be able to install the node deps. You may need to npm install -g npm after 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=false to install dev deps.
• Push to heroku:master

Demo Site

See https://mozlando-frontend-demo.herokuapp.com/

mozlando-frontend-demo's Issues

Create a react module for an addon.

Remove some of the boilerplate out of the way.

Add an api that does something useful

Hook up example API to search form

Automate deploys to heroku on updates to master.