The website component of the Rederly application is written in React and Typescript.
Currently, the PORT to use is set inline in the package.json scripts.
To run a development server, use npm start.
To generate an optimized bundle for production usage, use npm run build.
The frontend requires the Rederly Backend to run. To specify the ports to connect to, modify the values in src/setupProxy.js to match the location of your server.
| Path | Description |
|---|---|
| backend-api | This is the path that's used to proxy requests to the backend via the AxiosRequest object. |
| webwork2_files | This is the path that's used to proxy requests to the Renderer, or a webserver serving your WeBWorK assets. |
| work | This is a path that's used to proxy requests to your S3 Bucket, or a server serving your attachments assets. |
The frontend uses environment variables to configure some runtime settings. Currently, these are limited to development debugging tools and cannot be enabled in production.
| Variable | Example Values | Description |
|---|---|---|
| REACT_APP_ENABLE_WDYR | REACT_APP_ENABLE_WDYR=true | This enables WhyDidYouRender functionality. This is useful for optimization debugging, or finding problems caused by unnecessary rerenders. |
| REACT_APP_ENABLE_AXE | REACT_APP_ENABLE_AXE=true | This enables React Axe functionality. This is useful for accessibility (a11y) auditing. |