node: >= 4 <= 8,
npm": >= 3 <= 5
React@15.4.2
Redux@3.6.0
Webpack@2.2.0
- axios: Promise based HTTP client for the browser and node.js
- bluebird: Full featured Promises/A+ implementation with exceptionally good performance
- bootstrap: The most popular front-end framework for developing responsive, mobile first projects on the web.
- electrode-archetype-react-app: Electrode NodeJS/React Universal Application Archetype
- electrode-auto-ssr: Detect server load and response times to detect server side rendering
- electrode-confippet: Managing NodeJS application configuration
- electrode-react-webapp: Hapi plugin that provides a default React web app template
- electrode-redux-router-engine: Handle async data for React Server Side Rendering using Redux and Router
- express: Fast, unopinionated, minimalist web framework
- lodash: Lodash modular utilities.
- react-dom: React package for working with the DOM.
- react-router: A complete routing library for React
- redux-devtools-extension: Wrappers for Redux DevTools Extension.
- redux-thunk: Thunk middleware for Redux.
- sass-loader: Sass loader for webpack
- electrode-archetype-react-app-dev: Electrode NodeJS/React Application Archetype (Development)
Install all the dependencies and dev-dependencies listed in package.json. Install CLI invoker for the xclap Javascript task executor and build tool.
$ npm install
$ npm install -g xclap-cli
After the app's been created and npm install completed, you can start the app in dev mode:
$ clap dev
To view all the development tasks available type
$ clap
$ clap hot
$ clap build
$ npm run prod
Here is a basic top level view of the application's structure:
config - This directory contains the configuration for your application.
src/client - Contains your React application
src/server - Contains your NodeJS server application with SSR support.
test - Contains unit test for your application
xclap.js - entry to Electrode's archetype tasks