> For the complete documentation index, see [llms.txt](https://docs.projectreclass.org/toynet/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.projectreclass.org/toynet/contributing-code-to-toynet/frontend-toynet-react/conventions.md).

# Conventions

There are some code conventions that the `toynet-react` codebase tries to follow that are not set in any ESLint rule but will be enforced on code reviews.  These conventions help to keep the codebase similiar across the various components and files in the proejct.

* We use [Chakra UI v0.8](https://v0.chakra-ui.com/) for most of its components.
* We try not to use inline styles (e.g. `style={{ color: 'white' }}`).
* We use [emotion styled components ](https://emotion.sh/docs/styled)for custom styles that cannot be achieved using the traditional props of the Chakra component (i.e. custom media queries).