ReactJS

React-App – Setup

von

Vorbereitung: => von vorn anfangen bis die Daten fliessen und das Re-Rendern möglichst effizient getriggert wird Setup mit Vite: Plugins: TailwindCSS Daisy UI for TailwindCSS Tailwind Class Sorter for Prettier Javascript Imports Sorter for Prettier React-Router .vite.config.js .prettierrc tsconfig.json (ungetestet) main.css main.jsx App.jsx

Übersicht: React 19

von

Übersicht: 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 übergeben werden, nicht in die andere Richtung. Bei tieferer Weitergabe empfiehlt sich die … 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