Add descriptions to layer 4 blips in frontend quadrants

capraconsulting · Nov 26, 2024 · 90ea322 · 90ea322
1 parent 328ea10
commit 90ea322
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 6 deletions.
diff --git a/capra-fagradar/src/technical-radar/frontend/cypress.mdx b/capra-fagradar/src/technical-radar/frontend/cypress.mdx
@@ -5,4 +5,7 @@ depth: 4
 quadrant: frontend
 ---
 
-Testrammeverk
+Cypress er et rammeverk for ende-til-ende-testing av webapplikasjoner.
+Cypress fungerer ved å automatisere brukeroperasjoner i en nettleser, slik at man kan etterligne hva en ekte bruker ville gjort.
+
+Vi har valgt å gå bort fra Cypress til fordel for **Playwright**, som har vist seg å være raskere og mer stabilt enn Cypress.
diff --git a/capra-fagradar/src/technical-radar/frontend/jest.mdx b/capra-fagradar/src/technical-radar/frontend/jest.mdx
@@ -5,4 +5,8 @@ depth: 4
 quadrant: frontend
 ---
 
-Testrammeverk
+Jest er et rammeverk for testing av JavaScript-applikasjoner.
+Jest er enkelt å komme i gang med, da det krever minimal konfigurasjon.
+Det har innebygd støtte for blant annet snapshot-testing, mocking og asynkrone tester.
+
+Vi har valgt å gå bort fra Jest til fordel for **Vitest**, som er en raskere og mer moderne testrunner enn Jest som passer bedre inn i Vite-økosystemet som vi er i.
diff --git a/capra-fagradar/src/technical-radar/frontend/lerna.mdx b/capra-fagradar/src/technical-radar/frontend/lerna.mdx
@@ -5,4 +5,6 @@ depth: 4
 quadrant: frontend
 ---
 
-Byggverktøy
+Lerna er et verktøy for å håndtere monorepos i JavaScript-prosjekter.
+Lerna lar deg dele opp prosjekter i mindre pakker, og håndtere disse som separate prosjekter.
+Dette gjør det enklere å dele kode mellom prosjekter, og å håndtere avhengigheter mellom prosjekter.
diff --git a/capra-fagradar/src/technical-radar/frontend/less.mdx b/capra-fagradar/src/technical-radar/frontend/less.mdx
@@ -5,4 +5,6 @@ depth: 4
 quadrant: frontend
 ---
 
-CSS extension
+Less er en CSS-preprosessor som legger til funksjonalitet til vanlig CSS.
+Less er en utvidelse av CSS3, og legger til funksjonalitet som variabler, funksjoner og nesting.
+Less-kode kompileres til vanlig CSS, og kan derfor brukes i alle moderne nettlesere.
diff --git a/capra-fagradar/src/technical-radar/frontend/scss.mdx b/capra-fagradar/src/technical-radar/frontend/scss.mdx
@@ -5,4 +5,6 @@ depth: 4
 quadrant: frontend
 ---
 
-CSS extension
+SCSS er en CSS-preprosessor som legger til funksjonalitet til vanlig CSS.
+SCSS er en utvidelse av CSS3, og legger til funksjonalitet som variabler, funksjoner og nesting.
+SCSS-kode kompileres til vanlig CSS, og kan derfor brukes i alle moderne nettlesere.
diff --git a/capra-fagradar/src/technical-radar/frontend/webpack.mdx b/capra-fagradar/src/technical-radar/frontend/webpack.mdx
@@ -5,4 +5,10 @@ depth: 4
 quadrant: frontend
 ---
 
-Byggverktøy
+Webpack er en modul-bundler for JavaScript-applikasjoner.
+Det er et kraftig verktøy som kan pakke alle ressursene dine, inkludert JavaScript, CSS og bilder, til én optimalisert pakke.
+Webpack er svært konfigurerbart og kan utvides med plugins og lastere for ulike filtyper.
+Det har vært den mest populære modul-bundleren i JavaScript-økosystemet i mange år.
+
+Webpack har med årene blitt betydelig tregere enn konkurrentene, og konfigurasjonen kan være kompleks.
+Vi har defor valgt å gå bort fra Webpack i våre prosjekter, og heller bruke **Vite** som modul-bundler.