Vi bruker yarn for pakkeversjonering. Har du ikke yarn? npm i -g yarn
git clone git@github.com:navikt/Designsystemet.git
cd Designsystemet
yarn install
yarn boot
// Storybook
yarn storybook
// Nettside
yarn devStorybook: http://localhost:6006
Nettside: http://localhost:3000
Vi bruker storybook https://storybook.js.org/ for utvikling av nye komponenter.
Skriv stories for komponentene man vil teste (hvordan skrive storybook stories)
Det er ikke satt opp en template for nye komponenter, men vi følger til dels en mal.
@navikt/pakkenavn
└─ src # Komponenter
├─ index.ts # Alle exports
└─ pakkenavn
├─ index.ts # Alle exports fra komponent
├─ komponent.tsx # Komponentkode
└─ komponent.stories.tsx # StoriesDokumentasjon ang komponentter finner man på aksel.nav.no. Hvis man ønsker å skrive noe dokumentasjon selv gjør vi det via CMS et Sanity. Kode-eksempler blir skrevet lokalt i (https://github.com/navikt/aksel-website/tree/main/website/pages/eksempler)[aksel-website repo]
Vi bruker changeset for versionering av pakker. Se README for mer informasjon.
Noen komponenter og løsninger blir testet med jest + react-testing-library.
- Commit: Kjører prettier på endrede filer + linter
- Ved PR: Kjører tester, linter og visuell regresjonstester
Push til master pusher endringer til prod
Push til next pusher endringer til aksel.dev.nav.no