- Semantic UI React
- React Hooks
- Single Page Application
- Linters (ESLint, Prettier)
- ConsoleMe UI is a SPA (Single Page Application).
- Page Components are protected by
auth/ProtectedRoute.js
and requires authentication viaauth/AuthProviderDefault.js
. - ConsoleMe UI components are currently written in both Classes and Hooks. We will move to React Hooks entirely over time.
- The react-app-wired module is used to start/build because of Monaco Editor. This was required due to how Monaco Editor was written.
In this directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. (You should also run the ConsoleMe Python backend to see data)
ConsoleMe UI uses proxy
in package.json
file to proxy api backend requests to http://localhost:8081 for local development.
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Once the build is done, it copies the files in build directory to ../consoleme/templates directory to package them with backend code.
You can locally test this by accessing http://localhost:8081
to see the actual build output served from ConsoleMe Tornado server.
Please run this before submitting a PR. This will run prettier linter against to the src
directory. yarn lint:fix
will fix lint errors. This lint is moved out of eslintrc to reduce distraction.