History

Alex Windett 299f7e2282 converting simple elements to a base-element;		2017-02-01 14:48:06 +00:00
..
etc	Add new telemetry for application	2017-01-26 14:41:41 +00:00
locales	Add New Project, Billing and New billing pages	2017-01-30 17:22:01 +00:00
scripts	Add AddMetrics functionality and move AddMetric component story to folder	2017-01-12 10:25:20 +00:00
server	Adding images as a route to frontend	2017-01-18 15:33:32 +00:00
src	converting simple elements to a base-element;	2017-02-01 14:48:06 +00:00
static	moving vendor css to frontend, minifying it and changing reference point for storybook	2017-01-31 10:58:26 +00:00
test	removing inline of webpack loader to css and excluding css from ava test	2017-01-30 17:02:02 +00:00
webpack	Adding back missing images	2017-01-24 17:06:10 +00:00
.babelrc	update dependencies	2016-12-19 12:23:27 +00:00
.eslintignore	lint frontend	2016-10-24 14:11:50 +01:00
.eslintrc	wip rm css	2016-12-12 10:28:47 +00:00
.tern-project	bootstrap frontend	2016-10-20 10:58:19 +01:00
Dockerfile	Bumping Dockerfile versions	2017-01-26 17:17:44 +00:00
Makefile	Adding licence checker	2017-01-17 16:50:48 +00:00
package.json	adding dev baseline grid - toggled on / off with env varibale in npm script	2017-02-01 14:29:40 +00:00
README.md	docs: adding container badge for frontend	2016-11-04 12:19:15 +00:00
yarn.lock	resolving conflict	2017-01-31 15:35:12 +00:00

README.md

Joyent Dashboard Frontend

start

npm run start

test

npm run test

structure

.
├── src
│   ├── containers
│   ├── index.js
│   ├── root.js
│   └── state
│       ├── actions.js
│       ├── reducers
│       ├── store.js
│       └── thunks
├── static
├── locales
├── scripts
├── test
├── webpack
├── .babelrc
└── .eslintrc

src/index.js: Renders src/root.js and bootstraps hot module reloading.
src/root.js: The main component that wraps react-redux, react-router and react-hot-loader.
src/state/store.js: Exports a function that creates a redux store instance with all the middlewares and reducers configured.
src/state/actions.js: Not only exports all the actions available (declared in the file), but also goes through all the thunks and exports them.
src/state/thunks: Directory to place thunks so that actions or reducers don't get too confusing.
src/state/reducers: Each file here represents a reducer scope. So, state.app will be controlled in reducers/app.js.
locales: Translation definitions for each locale supported.
scripts: Utility scripts (e.g. building localizations).
test: Self explanatory.
webpack: Webpack configuration for multiple enviroments. Development configuration includes a dev-server and hot module replacement support.
.babelrc: This babel configuration outputs ES2015 code, so it will produce code only for modern browsers. Also, async/await is supported.
.eslintrc:ESLint configuration. It's basically semistandard with space-before-function-paren probited;