unleash.unleash/website/docs/contributing/frontend/overview.md

---
title: Front end
---

## Frontend overview

The frontend is written in react/typescript. It's is a single page application that communicates with the backend via a REST API. The frontend is built using vite and served by the backend.

## ADRs

We have created a set of ADRs to help guide the development of the frontend:

* [Component naming](../ADRs/front-end/component-naming.md)
* [Interface naming](../ADRs/front-end/interface-naming.md)
* [Preferred component props usage](../ADRs/front-end/preferred-component-props-usage.md)
* [Preferred export](../ADRs/front-end/preferred-export.md)
* [Preferred function type](../ADRs/front-end/preferred-function-type.md)
* [Preferred style import placement](../ADRs/front-end/preferred-styles-import-placement.md)
* [Preferred styling method](../ADRs/front-end/preferred-styling-method.md)
* [Preferred data mutation method](../ADRs/front-end/preferred-data-mutation-method.md)
* [Preferred data fetching method](../ADRs/front-end/preferred-data-fetching-method.md)
* [Preferred folder structure](../ADRs/front-end/preferred-folder-structure.md)
* [Preferred form architecture](../ADRs/front-end/preferred-form-architecture.md)
Docs/dev docs (#2134) * docs: add ADRs * docs/adrs * fix: update developer guide * fix: add space * Update website/docs/contributing/backend/overview.md Co-authored-by: Ivar Conradi Østhus <ivar@getunleash.ai> * docs: remove auto-generated sidebar This should've been in .gitignore, but has only been ignored to the ignore file for the website subdirectory. (This has been fixed on main.) * docs: delete empty file * Revert "docs: delete empty file" This reverts commit 2435f173ff0d73f31301a8c4b5b1dfe07a0b4737. * docs: add frontmatter to new dev docs * Docs(fix): add quotes around page titles In yaml, the colon is a special character, so we need to use quotes. * docs: fix remaining titles * Update website/docs/contributing/backend/overview.md Co-authored-by: Ivar Conradi Østhus <ivar@getunleash.ai> * fix: update empty ADR * fix: update text to reflect postgres 12 * fix: update backend overview * fix: remove link * fix: add form ADR Co-authored-by: Ivar Conradi Østhus <ivar@getunleash.ai> Co-authored-by: Thomas Heartman <thomas@getunleash.ai> 2022-10-19 14:32:37 +02:00			`---`
			`title: Front end`
			`---`

			`## Frontend overview`

			`The frontend is written in react/typescript. It's is a single page application that communicates with the backend via a REST API. The frontend is built using vite and served by the backend.`

			`## ADRs`

			`We have created a set of ADRs to help guide the development of the frontend:`

fix: add ADR for domain language (#2541) This PR puts our contributing guidelines in the sidebar of the unleash documentation. Currently there was no way of navigating to them easily, which made our contribution guides and ADRs less useful. This PR adds them to the sidebar as their own category, and adds an ADR for domain centric language. Co-authored-by: Thomas Heartman <thomas@getunleash.ai> 2022-11-29 08:57:27 +01:00			`* [Component naming](../ADRs/front-end/component-naming.md)`
			`* [Interface naming](../ADRs/front-end/interface-naming.md)`
			`* [Preferred component props usage](../ADRs/front-end/preferred-component-props-usage.md)`
			`* [Preferred export](../ADRs/front-end/preferred-export.md)`
			`* [Preferred function type](../ADRs/front-end/preferred-function-type.md)`
			`* [Preferred style import placement](../ADRs/front-end/preferred-styles-import-placement.md)`
			`* [Preferred styling method](../ADRs/front-end/preferred-styling-method.md)`
			`* [Preferred data mutation method](../ADRs/front-end/preferred-data-mutation-method.md)`
			`* [Preferred data fetching method](../ADRs/front-end/preferred-data-fetching-method.md)`
			`* [Preferred folder structure](../ADRs/front-end/preferred-folder-structure.md)`
			`* [Preferred form architecture](../ADRs/front-end/preferred-form-architecture.md)`