WoW Realm Status Page: React Edition

This is a version of my WoW Realm Status Page implemented using React.

This is an isomorphic application; the same JavaScript code runs on the server and the client. See server.js and client.js for the two React render calls. All React components are in app/client.

You can curl any URL to see that the server correctly filters the realms based on the filter (e.g. http://localhost:3000/nazj will filter down the realms to ones that contain nazj in their name or slug).

Running

With Node.js installed:

1. Install the dependencies: npm install
2. Rebuild the client bundle: npm run build
3. Run the server: npm start

You may specify a port to bind to by specifying a PORT environment variable, e.g. PORT=8765 npm start.

You may watch the application for changes and continuously rebuild the client bundle by running npm run watch instead of npm run build.

Versions of This Application

• Ruby - source, demo
• Backbone - source, demo
• AngularJS - source, demo
• React - source, demo