Vi bruker yarn for pakkeversjonering. Har du ikke yarn? npm i -g yarn
git clone git@github.com:navikt/aksel.git
cd aksel
yarn install
yarn boot
// Storybook
yarn storybook
// Nettside
yarn dev
Storybook: http://localhost:6006
Nettside: http://localhost:3000
Vi bruker storybook https://storybook.js.org/ for utvikling av nye komponenter.
Lag stories
for komponentene man vil teste (hvordan skrive storybook stories)
Det er ikke satt opp en template for nye komponenter, men vi følger en mal.
@navikt/pakkenavn
└─ src # Komponenter
├─ index.ts # Alle exports
└─ pakkenavn
├─ index.ts # Alle exports fra komponent
├─ komponent.tsx # Komponentkode
└─ komponent.stories.tsx # Stories
Dokumentasjon for komponenter 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/tree/main/aksel.nav.no/website/pages/eksempler)[/pages/eksempler]
Vi bruker changeset
for versjonering av pakker. Se README for mer informasjon.
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 main
pusher endringer til prod
Push til next
pusher endringer til aksel.dev.nav.no