<aside> 💡 This template provides context/instructions for the languages you use.

</aside>

TypeScript

We use React with TypeScript for our frontend codebase.

Components

We use storybook to help aid designing components. See inside /libs/components for the relevant directory.

We will try to follow a particular pattern when creating components, outlined on this page:

Component Pattern + Snippet

API Requests

We use GraphQL for our internal API. See inside /libs/gql. When you want to make a certain request, add a new query or mutation into a *.gql file in the gql library. Once finished, run the gql:generate NPM script to produce a ready-made custom hook for this request.

Ensure you have the correct GraphQL VS Code extension installed to get proper type-hinting when creating these queries.

Next

We use NextJS in this project. NextJS is a framework built around React. It handles several things for us, such as routing. In Next, any component in the pages directory will be turned into a route.