Hopp til innhold

Sommer 2020

Leiv Fredrik Berge

2020.08.05

Dette er første oppdateringspost fra Jøkul. Planen er at det kommer flere av disse med jevne mellomrom, så blir det forhåpentligvis lettere å følge med på hva som skjer med Jøkul.

📰 Oppdateringer

Før fellesferien tok oss ut til Prekestolen, Loen og Lofoten med bil, hadde vi en sprint med fokus på portalen. Målet var å få på plass dokumentasjon av alle nøkkelverdier som ikke var dokumentert tidligere. Bildebruk, bevegelse, spacing og typografi har fått både bruk og variabler dokumentert. Både for utviklere og designere.

For pakkene våre har det ikke skjedd de største endringene, men det er gjort en del forbedringer og optimaliseringer. Eneste breaking change iløpet av siste periode er at det er lagt til forwardRef for checkbox, gitt at man ikke har gjort noe spesielt med checkbox komponenten, så innebærer det ingen endring. Men det betyr at man nå kan sette referanse på checkbox, og det vil peke på det riktige input-elementet.

🌱 Releaser

Pakker

  • 💡 Mindre pakkestørrelser
    • Simen gjorde et grundig stykke arbeid graving i byggingen av både portal og pakkene våre. Ved å optimalisere byggprosessen ble pakkestørrelsen redusert med 15-40%. Også portalens bundle ble redusert med ca 30%.
  • ✏️ Støtte for ref i checkbox
    • Er breaking change fordi checkbox komponenten nå blir pakket inn i en forwardRef, for de fleste vil det fortsatt virke som normalt.
  • ✏️ Farger som utility klasser
    • Både spacing og farger er nå tilgjengelige som utilityklasser, så de enkleste stilene kan nå oppnåes uten å måtte skrive egen css.

Portalen

  • 🧪 Itegrasjonstester i portalen
  • 📚 Dokumentasjon av farger
  • 📚 Dokumentasjon av spacing
  • 📚 Dokumentasjon av typografi
  • 📚 Ny bildebruk side
  • 💅 Responsiv meny
  • 💅 Sideoverganger og animasjoner

🔮 Kommende

I perioden fremover ligger det enkelte forbedringer i pakkene, oppdatering av design til nyeste stilen og bugfixer. Det jobbes også med en mer robust hosting løsning via Vercel som feks også vil vi preview av PR, som vil gjøre det mye enklere for designere å verifisere endringer i kode.

Pakker

  • 🦽 Hook for reduced motion
    • Løser bug ved reduced motion for komponenter som bruker useAnimation hooken, og tilgjengeliggjør reduced motion OS-settingen for oss i js-kontekst. Brukes feks til å fjerne paralax effekt og andre større animasjoner for brukere som ikke ønsker det. Blir viktig for kundefacing applikasjoner som benytter seg av animasjoner og fortsatt bevare god brukeropplevelse for alle brukere.
  • ⚰️ Fjerne divider line
    • Divider line fant seg aldri plass i Figma, så dermed ble den aldri ordentlig tatt i bruk heller. Så for nå blir den fjernet.
  • 💅 Oppdatert design Accordion
    • Accordion med tidlig utgave av designet får et løft og darkmode støtte
  • 💅 Oppdatert design på lenker
    • Lenker med tidlig utgave av designet får et løft og darkmode støtte

Portalen

  • Grupering i sidemenyen
    • Nå som både utilityklasser, hooks og valideringsregler dokumenteres under komponentersiden, så begynner det bli vanskelig å holde oversikten.