chore: update readme for web
-# React WebUI [![CircleCI](https://circleci.com/gh/determined-ai/determined/tree/master.svg?style=svg)](<https://app.circleci.com/pipelines/github/determined-ai/determined?branch=master&filter=all>) [![codecov](https://codecov.io/gh/determined-ai/determined/branch/master/graph/badge.svg?flag=web)](https://codecov.io/gh/determined-ai/determined/tree/master/webui/react/)
+# React WebUI [![CircleCI](https://circleci.com/gh/determined-ai/determined/tree/master.svg?style=svg)](https://app.circleci.com/pipelines/github/determined-ai/determined?branch=master&filter=all) [![codecov](https://codecov.io/gh/determined-ai/determined/branch/master/graph/badge.svg?flag=web)](https://codecov.io/gh/determined-ai/determined/tree/master/webui/react/)
## Brief Architecture
@@ -55,23 +55,38 @@ If the remote cluster has `enable_cors` set to any value or allows CORS requests
## Testing
-### Style and JS Linting
+### CSS and JS Linting and Formatting
We check Javascript linting with [eslint](http://eslint.org/) and CSS linting with [stylelint](https://stylelint.io/).
+We also use [Prettier](https://prettier.io/) for formatting code.
+
```sh
# check both CSS and JS linting
-npm run lint
+make check
+
+# check both CSS and JS formmating
+make fmt
# check JS linting
-npm run lint:js
+make check-eslint check-prettier-js
+
+# check JS formmating
+make fmt-js
# check CSS linting
-npm run lint:css
+make check-stylelint check-prettier-css
+
+# check CSS formmating
+make fmt-css
```
Our Javascript linting rules and CSS linting rules can be found in [.eslintrc.js](.eslintrc.js) and [.stylelintrc.js](.stylelintrc.js) respectively.
+`Prettier` formatting rules can be found in [.prettierrc.js](.prettierrc.js).
+
+More commands can be found in [Makefile](Makefile).
+
### Unit and Interaction Testing
To launch the unit test runner in the interactive watch mode.
