Gjenbrukbare React-komponenter for interne flater i PO Helse
Komponentene er laget basert på våre behov i PO Helse men kan fint gjenbrukes i andre interne saksbehandlingsløsninger. Opprett issues eller snakk med en på teamet om du har endringsønsker eller andre innspill.
Vi bruker Storybook som et bibliotek og visningslag for komponentene våre. For å installere
alle avhengigheter pakkene kjør lerna bootstrap. Storybook kan startes lokalt ved å kjøre npm run storybook og
deployes til https://navikt.github.io/helse-frontend-moduler ved push til master. Storybooken kan også deployes manuelt
ved å kjøre npm run deploy-storybook.
For å opprette en ny pakke kan du kjøre npm run create-package <pakkenavn>.
Da genereres det en pakke i packages/<pakkenavn> med en tom index.ts og en tom <Pakkenavn>.stories.tsx med tilhørende package.json og config-filer.
Hver enkeltpakke publiseres til npm ved å fra pakkens directory kjøre npm run build og så npm publish. Før du publiserer
må du også bumpe pakkeversjonen ved å kjøre npm version (major|minor|patch), avhengig av versjonen du ønsker å bumpe til.
Du er også nødt til å logge inn med en npm-bruker som er lagt til som medlem i @navikt-orgen på npm.
For å kutte ned på peer dependencies som konsumenter må installere har vi valgt å kompilere less til css og bundle stilarkene med pakkene. Vi bruker CSS-modules for å garantere unike klassenavn slik at vi slipper navnkollisjoner i konsumentapplikasjoner.