| .. | ||
| etc | ||
| locales | ||
| scripts | ||
| server | ||
| src | ||
| static | ||
| test | ||
| webpack | ||
| .babelrc | ||
| .eslintignore | ||
| .eslintrc | ||
| .tern-project | ||
| Dockerfile | ||
| Makefile | ||
| package.json | ||
| README.md | ||
| yarn.lock | ||
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.jsand bootstraps hot module reloading. - src/root.js: The main component that wraps
react-redux,react-routerandreact-hot-loader. - src/state/store.js: Exports a function that creates a
reduxstore 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.appwill be controlled inreducers/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-parenprobited;