book

TypeScript Kochbuch

by Stefan Baumgartner

September 2024

Intermediate to advanced

422 pages

9h 59m

German

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

Für wen dieses Buch istWas steht in diesem Buch?Aufbau dieses BuchesIn diesem Buch verwendete KonventionenCode-Beispiele verwendenO'Reilly Online LearningWie du uns kontaktierstDanksagungen
1.1. Typ-Prüfung von JavaScript1.2. Installieren von TypeScript1.3. Typen auf der Seite halten1.4. Ein Projekt nach TypeScript migrieren1.5. Laden von Typen aus Definitely Typed1.6. Einrichten eines Full-Stack-Projekts1.7. Tests einrichten1.8. ECMAScript-Module aus URLs eintippen1.9. Laden verschiedener Modultypen in Node1.10. Arbeiten mit Deno und Abhängigkeiten1.11. Vordefinierte Konfigurationen verwenden
2.1. Effektiv annotieren2.2. Arbeiten mit beliebigen und unbekannten2.3. Die Wahl des richtigen Objekttyps2.4. Arbeiten mit Tupel-Typen2.5. Schnittstellen versus Typ-Aliase verstehen2.6. Definieren von Funktionsüberladungen2.7. Definieren dieser Parameterarten2.8. Arbeiten mit Symbolen2.9. Wert- und Typ-Namensräume verstehen
3.1. Modellierung von Daten mit Vereinigungs- und Schnittpunkttypen3.2. Explizite Definition von Modellen mitdiskriminierten Vereinigungsarten3.3. Vollständigkeitsprüfung mit derAssert never-Technik3.4. Pinning-Typen mit Const Context3.5. Typen mit Typprädikaten einschränken3.6. Die Leere verstehen3.7. Umgang mit Fehlertypen in catch-Klauseln3.8. Erstellen von exklusiven oder Modellen mit optionalen nie3.9. Effektive Verwendung von Typ-Assertionen3.10. Index-Signaturen verwenden3.11. Unterscheidung zwischen fehlenden Eigenschaftenund undefinierten Werten3.12. Arbeiten mit Enums3.13. Definition von Nominaltypen in einem Strukturtypensystem3.14. Lose Autovervollständigung für String-Teilmengen aktivieren
4.1. Funktionssignaturen verallgemeinern4.2. Verwandte Funktionsargumente erstellen4.3. Unbekannte und unbekannte Personen loswerden4.4. Die generische Instanziierung verstehen4.5. Neue Objekttypen generieren4.6. Ändern von Objekten mit Assertion Signatures4.7. Typen mit Type Maps abbilden4.8. ThisType verwenden, um dies in Objekten zu definieren4.9. Hinzufügen von Const-Kontext zu generischen Typparametern
5.1. Komplexe Funktionssignaturen verwalten5.2. Filtern mit nie5.3. Elemente nach Art gruppieren5.4. Entfernen bestimmter Objekteigenschaften5.5. Ableitung von Typen in Konditionalen
6.1. Definieren eines benutzerdefinierten Ereignissystems6.2. Ereignisrückrufe mitString-Manipulationstypen und Schlüssel-Remapping erstellen6.3. Eine Formatierungsfunktion schreiben6.4. Extrahieren von Formatparameter-Typen6.5. Umgang mit Rekursionsbeschränkungen6.6. Template-Literale als Unterscheidungsmerkmale verwenden
7.1. Eingeben einer concat-Funktion7.2. Eingeben einer promisify-Funktion7.3. Eine Curry-Funktion eingeben7.4. Eine flexible Curry-Funktion eingeben7.5. Eingeben der Funktion Simplest curry7.6. Eine Enum aus einem Tupel erstellen7.7. Alle Elemente einer Funktionssignatur aufteilen
8.1. Bestimmte Eigenschaften einstellen Optional8.2. Verschachtelte Objekte ändern8.3. Typen neu zuordnen8.4. Alle erforderlichen Schlüssel erhalten8.5. Mindestens eine Immobilie zulassen8.6. Genau eine und alle oder keine zulassen8.7. Umwandlung von Unions- in Kreuzungstypen8.8. Verwendung von type-fest

9.1. Iteration über Objekte mit Object.keys9.2. Explizites Hervorheben unsicherer Operationen mitTyp-Assertionen und unbekannten9.3. Arbeiten mit defineProperty9.4. Erweiterung der Typen für Array.prototype.includes9.5. Null-Werte filtern9.6. Module erweitern9.7. Erweitern von Globals9.8. Hinzufügen von Nicht-JS-Modulen zum Modulgraphen
10.1. Proxy-Komponenten schreiben10.2. Kontrollierte Komponenten schreiben10.3. Eingabe von benutzerdefinierten Hooks10.4. Typisierung generischer forwardRef-Komponenten10.5. Bereitstellung von Typen für die Kontext-API10.6. Komponenten höherer Ordnung typisieren10.7. Typisierung von Rückrufen im synthetischen Ereignissystem von React10.8. Typisierung polymorpher Komponenten
11.1. Die Wahl des richtigen Sichtbarkeitsmodifikators11.2. Explizite Definition von Methodenüberschreibungen11.3. Beschreiben von Konstruktoren und Prototypen11.4. Verwendung von Generika in Klassen11.5. Entscheiden, wann man Klassen oder Namensräume verwenden sollte11.6. Statische Klassen schreiben11.7. Arbeiten mit strikter Eigenschaftsinitialisierung11.8. Arbeiten mit diesen Typen in Klassen11.9. Dekorateure schreiben
12.1. Pflegeleichte Typen schreiben12.2. Typen Schritt für Schritt verfeinern12.3. Prüfen von Verträgen mit Erfüllungen12.4. Komplexe Typen testen12.5. Validierung von Datentypen zur Laufzeit mit Zod12.6. Index-Zugriffsbeschränkungen umgehen12.7. Entscheiden, obFunktionsüberladungen oder bedingte Typen verwendet werden sollen12.8. Generika benennen12.9. Prototyping auf dem TypeScript Playground12.10. Mehrere Bibliotheksversionen bereitstellen12.11. Wissen, wann man aufhören muss

Content preview from TypeScript Kochbuch

Kapitel 10. TypeScript und React

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

React ist zweifellos eine der beliebtesten JavaScript-Bibliotheken der letzten Jahre. Ihr einfacher Ansatz für die Komposition von Komponenten hat die Art und Weise verändert, wie wir Frontend- (und in gewissem Maße auch Backend-) Anwendungen schreiben. Dieses einfache Prinzip war nicht nur leicht zu erlernen und zu verstehen, sondern hat auch Dutzende anderer Bibliotheken beeinflusst.

JSX ist zweifelsohne ein Wendepunkt in der JavaScript-Welt und mit dem Ziel von TypeScript, alle JavaScript-Entwickler/innen anzusprechen, hat JSX seinen Weg in TypeScript gefunden. Tatsächlich ist TypeScript ein vollwertiger JSX-Compiler. Wenn du keinen Bedarf an zusätzlicher Bündelung oder zusätzlichen Tools hast, ist TypeScript alles, was du brauchst, um deine React-App zum Laufen zu bringen. Außerdem ist TypeScript ungemein beliebt. Zum Zeitpunkt der Erstellung dieses Artikels verzeichneten die React-Typisierungen auf NPM 20 Millionen Downloads pro Woche. Das fantastische Tooling mit VS Code und die hervorragenden Typen haben TypeScript zur ersten Wahl für React-Entwickler auf der ganzen Welt gemacht.

Während die Beliebtheit von TypeScript bei React-Entwicklern ungebrochen ist, macht ein Umstand die Verwendung von TypeScript mit React ein wenig schwierig: TypeScript ist nicht die erste Wahl des React-Teams. Während andere JSX-basierte ...