1 00:00:02,170 --> 00:00:05,170 Also, was genau ist reagieren, J. S.? 2 00:00:05,710 --> 00:00:09,730 Es ist eine JavaScript-Bibliothek zum Erstellen von Benutzeroberflächen. 3 00:00:09,940 --> 00:00:14,380 Daher geht es darum, JavaScript im Browser auszuführen. 4 00:00:14,620 --> 00:00:18,430 Es ist eine JavaScript-Bibliothek für browserbasierten JavaScript-Code. 5 00:00:18,640 --> 00:00:20,300 Es ist kein Knoten J. 6 00:00:20,310 --> 00:00:21,010 S Bibliothek. 7 00:00:21,010 --> 00:00:23,380 Es ist eine Browser-Site, eine JavaScript-Bibliothek. 8 00:00:23,980 --> 00:00:30,700 Um genau zu sein, wird React Chance selbst als Bibliothek bezeichnet, da es sich sehr auf diese Sache 9 00:00:30,700 --> 00:00:32,410 mit der Benutzeroberfläche konzentriert. 10 00:00:32,950 --> 00:00:39,430 Tatsächlich wurde jedoch ein riesiges Ökosystem mit anderen Paketen von Drittanbietern gestartet, die uns 11 00:00:39,430 --> 00:00:44,890 beispielsweise bei der App-weiten Statusverwaltung oder beim Routing und Front-End-Routing helfen. 12 00:00:45,190 --> 00:00:47,860 Und deshalb könnte man es effektiv auch als Framework bezeichnen. 13 00:00:47,890 --> 00:00:51,760 Ich würde argumentieren, aber dies ist eine Semantik, die momentan nicht allzu wichtig ist. 14 00:00:52,150 --> 00:00:55,570 Lassen Sie uns stattdessen verstehen, wie reagieren funktioniert und wie wir es verwenden. 15 00:00:56,500 --> 00:01:02,970 Mit React können wir Benutzeroberflächen erstellen, die im Browser angezeigt werden und im Browser ausgeführt werden. Daher verwenden 16 00:01:02,980 --> 00:01:06,220 wir sie, um das Front-End von Webanwendungen zu erstellen. 17 00:01:06,310 --> 00:01:12,640 Was der Benutzer sieht, reagiert nicht auf einem Server, reagiert nicht, kommuniziert nicht mit Datenbanken. 18 00:01:12,910 --> 00:01:20,050 Wir verwenden es, um hochreaktive moderne Benutzeroberflächen zu erstellen, und folgen dabei einem deklarativen Ansatz. Dies bedeutet, dass wir als 19 00:01:20,080 --> 00:01:27,730 Reaktion darauf Robert finden, um das Ergebnis zu finden, und möglicherweise verschiedene Zustände das Ergebnis und unter welchem Zustand wir was 20 00:01:27,790 --> 00:01:33,880 und was a rendern möchten Zeigen Sie, was auf dem Bildschirm anstelle der Schritte angezeigt wird, die 21 00:01:33,880 --> 00:01:35,290 zum Ergebnis führen. 22 00:01:35,680 --> 00:01:41,140 Das wäre ein zwingender Ansatz, den wir im Grunde haben, wenn wir Vanille-JavaScript verwenden, bei dem 23 00:01:41,620 --> 00:01:43,660 wir jeden Schritt definieren müssen. 24 00:01:43,960 --> 00:01:47,830 Fügen Sie dieses Element hinzu, fügen Sie dieses C so nahe wie möglich an einem Element hinzu. 25 00:01:47,920 --> 00:01:49,420 Entfernen Sie dieses Element. 26 00:01:49,780 --> 00:01:51,700 Dies ist, was wir in Vanille-JavaScript tun. 27 00:01:51,820 --> 00:01:55,180 Dies kann sehr umständlich und sehr komplex sein. 28 00:01:55,540 --> 00:02:01,390 Wir möchten dies normalerweise nicht tun, wenn wir größere Anwendungen erstellen, da das Verwalten 29 00:02:01,390 --> 00:02:08,020 und Orchestrieren all dieser Schritte und das Sicherstellen, dass wir die richtigen Schritte ausführen, wenn sich 30 00:02:08,020 --> 00:02:15,160 etwas ändert, sehr fehleranfällig ist und viel Aufwand und Arbeit kostet Die eigentliche Geschäftslogik und das Erstellen netter 31 00:02:15,160 --> 00:02:22,150 Benutzeroberflächen zwingen uns stattdessen dazu, viel Arbeit mit JavaScript-Grundelementen zu verbringen, um das Rad neu zu erfinden und 32 00:02:22,150 --> 00:02:23,200 so weiter. 33 00:02:23,210 --> 00:02:24,340 Und das wollen wir nicht. 34 00:02:24,910 --> 00:02:27,940 Reagieren Sie also, wenn wir uns stattdessen auf das Ergebnis konzentrieren. 35 00:02:28,000 --> 00:02:31,120 Und das mit Komponenten. 36 00:02:31,270 --> 00:02:34,390 Komponenten ist ein Konzept, das durch Reagieren eingeführt wird. 37 00:02:34,660 --> 00:02:40,150 Grundsätzlich sind dies UI-Bausteine, die wir definieren, und Sie werden lernen, wie Sie das tun. 38 00:02:40,180 --> 00:02:46,720 In diesem Modul, das wir natürlich definieren und dann unsere Benutzeroberfläche aus diesen Komponenten zusammenstellen, kann jede Komponente 39 00:02:46,750 --> 00:02:52,720 auch definieren, was sie rendern soll. Unter welchen Umständen und unter welchen Bedingungen wird dann 40 00:02:52,720 --> 00:02:59,740 alles hinter den Kulissen auf magische Weise verkabelt und alle diese Schritte implementiert in einer grauen Box hier für 41 00:03:00,100 --> 00:03:00,610 uns. 42 00:03:00,960 --> 00:03:04,600 Mussten wir also nicht die Schritte schreiben, um ein Ergebnis zu finden? 43 00:03:05,230 --> 00:03:06,440 Das ist reaktiv. 44 00:03:06,480 --> 00:03:07,720 Ja, kurz gesagt. 45 00:03:07,840 --> 00:03:11,400 Schauen wir uns nun an, wie es tatsächlich funktioniert, wenn wir Code schreiben.