51b0744bcc
Setting up example routing Adding routing spike Topology proof of concept Add breadcrumb Add sections menu Add App wrapper Rebase and remove menu placeholder Sort out services routes Add all exisiting routes Linting Tests Remove bold font Change services topology and list pathnames Remove console.logs Rebuild routing for clarity and flatter dom structure Simplify strings and /create instead of /~create for new billing Rebuild routing for clarity and flatter dom structure |
||
|---|---|---|
| .. | ||
| etc | ||
| locales | ||
| scripts | ||
| server | ||
| src | ||
| static | ||
| test | ||
| webpack | ||
| .babelrc | ||
| .dockerignore | ||
| .eslintignore | ||
| .eslintrc | ||
| .stylelintrc | ||
| .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;