Javascript

Computer > Programmierung > Javascript

Übersicht: React

von

Setup mit Vite: weitere mögliche Schritte im Projekt: Mehr Infos dazu in meinem Vite-Artikel. Komponenten: JSX: REACT verwendet JSX, das ist Javascript, das wie HTML aussieht. Es gibt einige Unterschiede zu echtem HTML: Patterns für Bedingungen: Anlegen von Komponenten: Styling von Komponenten: (Verwendung von className) Übergabe von Properties: Daten können über Properties nur an Kind-Elemente … Weiterlesen

Vite – ein Bundler fürs Frontend

von

Wenn man Vite mit Node.js einsetzt, trennt man idealerweise Frontend und Backend in zwei Bereiche: Vite arbeitet im Dev-Modus über einen eigenen Entwicklungsserver und liefert das Frontend schnell und mit HMR (Hot Module Replacement) aus. Das Backend läuft unabhängig davon über Node.js und verarbeitet API-Requests. In der Produktion baust du das Frontend über vite build … Weiterlesen

JS modules – Importieren und Exportieren

von

JavaScript-Module erlauben es, Code in kleine, wiederverwendbare Dateien zu gliedern. Es gibt verschiedene Standards: Module kapseln Code (Variablen, Funktionen, Objekte oder Klassen), reduzieren globale Variablen und erhöhen die Wiederverwendbarkeit. ESM (ES Modules): ESM ist der moderne Standard im Browser und in NodeJS, unterstützt statische Analyse und Tree Shaking. Import Export import { name } from … Weiterlesen

Arrow-Funktionen

von

Arrow Functions sind eine kürzere Syntax für Funktionen in JavaScript.Sie wurden mit ES6 (ECMAScript 2015) eingeführt und haben einige Besonderheiten: Übersicht: Thema Normale Funktion Arrow Function Besonderheit Syntax function name() {} const name = () => {} Kürzer, kein function-Keyword Parameter function(x) (x) => oder x => Klammern bei einem Parameter optional Kein Parameter function() … Weiterlesen