Transpiling

CSS-preprocessor / code-preprocessor

Een preprocessor is een tool die een uitgebreide syntax omzet naar standaard CSS of JavaScript. CSS-preprocessors zoals SASS en SCSS voegen variabelen, nesting, mixins, functies en imports toe aan CSS. JavaScript-preprocessors zoals TypeScript en Babel voegen typing of moderne syntaxis toe die worden gecompileerd naar browser-compatibele code.

AA

Frontend

Compileren

Compileren is het omzetten van broncode naar een andere taal of representatie die door een machine of browser kan worden uitgevoerd. In webdev compileert TypeScript naar JavaScript, SASS/SCSS naar CSS en Blade-templates naar PHP. Een compiler voert syntax- en typecontroles uit vóór uitvoering. Transpileren is een specifieke vorm waarbij van de ene high-level taal naar de andere wordt omgezet.

AA

Talen & Formaten

ECMAScript 6

ES6 (ES2015) bracht een grote set moderne features: arrow functions, classes, modules (import/export), template literals, destructuring, de spread-operator, promises, let/const en default parameters. Sindsdien volgen jaarlijkse updates. Voor oudere browsers transpile je naar ES5 met Babel.

AA

Frontend

TypeScript XML

TSX is de TypeScript-variant van JSX en combineert types met JSX-syntax voor type-safe React-componenten. Voordelen: type-checking voor props, betere IDE-support en eerder fouten vangen. Het transpileert naar JavaScript en is aanbevolen voor grotere apps.

AAA

Talen & Formaten