Vite

Webpack

Webpack is een krachtige modulebundler die JavaScript, CSS, afbeeldingen en andere assets analyseert, transformeert en bundelt. Het ondersteunt code splitting, tree shaking, loaders en plugins. De configuratie is complex, maar erg flexibel. Vite is een modern en sneller alternatief.

AA

Tools

Code Splitting

Code splitting splitst je JavaScript-bundle op in kleinere stukken die geladne worden op het moment dat ze nodig zijn. Dat verkleint de initiële bundlegrootte aanzienlijk. Implementaties zijn route-gebaseerd (per pagina) of component-gebaseerd. Tools als Webpack, Rollup en Vite ondersteunen dit automatisch.

AA

Performance

Jest

Jest is een JavaScript-testframework met zero-config en veel features. Het ondersteunt unit- en integratietests, snapshots, coverage en async-tests. Tests draaien snel en parallel. Standaardkeuze bij React, alternatief: Vitest (Vite-gebaseerd).

AA

Tools

Vue Single File Component

Een .vue is een single file component (SFC) met template, script en style in één bestand. Structuur: <template>, <script>, <style>. Scoped styles zorgen ervoor dat CSS alleen binnen het component geldt, en Vite/Webpack compileert dit automatisch. Het maakt componentontwikkeling intuïtief en ondersteunt TypeScript en SCSS.

AAA

Talen & Formaten

Hot Reload

Hot reload vernieuwt jouw app automatisch bij codewijzigingen, zonder volledige reload en met behoud van state. Dit verkort de ontwikkelcyclus door een snelle feedbackloop. Met Hot Module Replacement (HMR) in Webpack of Vite worden alleen gewijzigde modules geüpdatet.

AA

Tools