History

JUDIT GRESKOVITS b0a266a020 Add metrics link to topology Add metrics link to topology Add metrics link to topology Add metrics link to topology Add tooltip data to list view too Add metrics link to quick actions		2017-03-23 14:00:40 +00:00
..
etc	Add new telemetry for application	2017-01-26 14:41:41 +00:00
locales	adding more en locales	2017-03-22 12:25:31 +00:00
scripts	Add AddMetrics functionality and move AddMetric component story to folder	2017-01-12 10:25:20 +00:00
server	Ensure index.htmls are consistent - dev / prod	2017-03-16 14:37:24 +00:00
src	Add metrics link to topology	2017-03-23 14:00:40 +00:00
static	Ensure index.htmls are consistent - dev / prod	2017-03-16 14:37:24 +00:00
test	fix projects tests	2017-03-23 12:03:45 +00:00
webpack	add icons to ui (#347 )	2017-03-03 15:29:03 +00:00
.babelrc	add icons to ui (#347 )	2017-03-03 15:29:03 +00:00
.dockerignore	setup staging deploy	2017-03-21 15:42:37 +00:00
.eslintignore	lint frontend	2016-10-24 14:11:50 +01:00
.eslintrc	playback metrics data	2017-03-20 11:46:50 +01:00
.stylelintrc	add stylelint to frontend	2017-02-06 16:26:13 +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	setup staging deploy	2017-03-21 15:42:37 +00:00
README.md	docs: adding container badge for frontend	2016-11-04 12:19:15 +00:00
package.json	playback metrics data	2017-03-20 11:46:50 +01:00
yarn.lock	playback metrics data	2017-03-20 11:46:50 +01: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;