JavaScript Design Patterns lernen, 2. Auflage

Kapitel 12. React.js Design Patterns

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

Im Laufe der Jahre ist die Nachfrage nach einfachen Möglichkeiten zur Erstellung von Benutzeroberflächen mit JavaScript gestiegen. Frontend-Entwickler/innen suchen nach Out-of-the-Box-Lösungen, die von vielen verschiedenen Bibliotheken und Frameworks bereitgestellt werden. Die Popularität von React in diesem Bereich ist seit seiner Veröffentlichung im Jahr 2013 ungebrochen. Dieses Kapitel befasst sich mit Design Patterns, die im React-Universum hilfreich sind.

React, auch als React.js bezeichnet, ist eine Open-Source-JavaScript-Bibliothek, die von Facebook entwickelt wurde, um UIs oder UI-Komponenten zu erstellen. Sie ist natürlich nicht die einzige UI-Bibliothek, die es gibt. Preact, Vue, Angular, Svelte, Lit und viele andere eignen sich ebenfalls hervorragend, um Oberflächen aus wiederverwendbaren Elementen zusammenzustellen. Da React aber so beliebt ist, haben wir es für unsere Diskussion über Design Patterns für das aktuelle Jahrzehnt ausgewählt.

Eine Einführung in React

Wenn Frontend-Entwickler/innen über Code sprechen, dann meist im Zusammenhang mit der Gestaltung von Benutzeroberflächen für das Web. Und bei der Gestaltung von Oberflächen denken wir an Elemente wie Schaltflächen, Listen, Navigation usw. React bietet eine optimierte und vereinfachte Möglichkeit, Schnittstellen in diesen Elementen auszudrücken. ...