Sie haben wahrscheinlich schon von dem beliebten JavaScript-Framework von Facebook gehört – React. Es wird von vielen beliebten Websites verwendet, darunter Facebook selbst und Instagram. In diesem Artikel finden Sie 5 praktische Beispiele, die mit React erstellt wurden und Ihnen einen Vorsprung bei
React hat in letzter Zeit sehr an Popularität gewonnen und eine große und aktive Community angezogen. Daraus ergibt sich eine riesige Fülle wiederverwendbarer Komponenten, die Ihnen beim Codieren Zeit sparen. Die Bibliothek selbst fördert das Schreiben von lose gekoppeltem Code, der modular und zusa
Jedes Kapitel meines neuen Buches React Quickly (Manning, 2016) hat ein Projekt, das durch einen Video-Screencast ergänzt wird. Sehen Sie sich die Videos hier oder auf YouTube an. Der Code ist auf GitHub. Reagieren Sie schnell Außerdem können Sie das gesamte erste Kapitel KOSTENLOS bei Manning he
Dies ist ein Auszug aus Schnell reagieren (Manning, 2016). Sie können das gesamte erste Kapitel kostenlos bei Manning herunterladen . Das Buch soll im ersten Quartal 2016 erscheinen, aber MEAP ist ab sofort erhältlich. Verwenden Sie den Code „mardandz ” um 39 % Rabatt zu erhalten. Jedes Kapitel hat
Dieser Beitrag wurde von Scott Hasbrouck geschrieben. Sie finden ihn auf Twitter oder auf seiner Website. Es war nichts als wunderbar zu sehen, wie JavaScript in den letzten Jahren in der Webtechnologie wirklich Feuer gefangen hat und laut StackOverflow-Daten schließlich zur am häufigsten verwendet
So erstellen Sie eine Select-All-Listenkomponente mit React in einer Next.js-App. Erste Schritte Für dieses Tutorial verwenden wir den CheatCode Next.js Boilerplate, um uns einen Ausgangspunkt für unsere Arbeit zu geben. Klonen Sie zuerst die Boilerplate: Terminal git clone https://github.com/che
Wie man ein Kreditkartenformular mit Stripe.js und Stripe Elements erstellt und wie man den Wert dieses Kreditkartenformulars abruft und ein Stripe-Quelltoken generiert. Erste Schritte Um uns einen Ausgangspunkt für unsere Arbeit zu geben, verwenden wir für dieses Tutorial den CheatCode Next.js Bo
Ich habe von React gehört, seit ich angefangen habe, JavaScript zu lernen, aber ich gebe zu, ich habe es mir einmal angesehen und es hat mir Angst gemacht. Ich sah etwas, das wie ein Haufen HTML gemischt mit JavaScript aussah, und dachte, ist es nicht das, was wir zu vermeiden versuchten? Was ist da
In React wurde ein neues Konzept eingeführt - Hooks. Hooks sind eine Alternative zu Klassen. Wenn Sie React bereits verwendet haben, sind Sie mit einfachen (funktionalen) Komponenten vertraut und Klassenkomponenten . Einfache Komponente } Klassenkomponente } } Viele der Funktionen, die Klassen zu
Jedes Element kann durch Hinzufügen des contenteditable editierbar gemacht werden Attribut. Dieses Attribut wird im gesamten Web verwendet, z. B. in Google Sheets. Ich werde Ihnen nicht sagen, ob Sie contenteditable verwenden oder nicht verwenden sollen Elemente in Ihrer App. Wenn Sie sich für conte
React kommt nicht mit einem eingebauten Router, aber wir können das Routing einfach mit dem react-router-dom erreichen Bibliothek. Routing So lenken Webanwendungen den Datenverkehr. (Wenn Sie wissen, was Routing ist, können Sie diesen Abschnitt gerne überspringen.) Beispiel:Wenn Sie auf taniarascia
Die React Context API ist eine Möglichkeit, im Wesentlichen globale Variablen zu erstellen, die in einer React-App herumgereicht werden können. Dies ist die Alternative zum Requisitenbohren oder das Weitergeben von Requisiten von Großeltern zu Eltern an Kinder und so weiter. Kontext wird oft als ein
Vor einiger Zeit habe ich einen Artikel über die Verwendung der Kontext-API in React geschrieben. Die meisten meiner Beispiele auf dieser Seite verwendeten jedoch Klassenkomponenten, static contextType , und Consumer , was eine veraltete Methode zum Umgang mit Kontext ist, und in TYOOL 2021 wollen w
Es gibt keinen Konsens darüber, wie man eine React-Anwendung richtig organisiert. React gibt Ihnen viel Freiheit, aber mit dieser Freiheit kommt die Verantwortung, über Ihre eigene Architektur zu entscheiden. Oft ist es so, dass derjenige, der die Anwendung am Anfang aufsetzt, fast alles in einen co
Einführung Beim Erstellen von React-Anwendungen, die Inhalte aus externen Quellen abrufen, deren Laden einige Zeit in Anspruch nimmt, ist es immer eine gute Idee, eine angenehme Benutzererfahrung zu bieten, indem Sie die Benutzer einbeziehen und ihre Aufmerksamkeit mit einem Loader aufrechterhalten
Einführung Beim Erstellen von React-Anwendungen, die Inhalte aus externen Quellen abrufen, deren Laden einige Zeit in Anspruch nimmt, ist es immer eine gute Idee, eine angenehme Benutzererfahrung zu bieten, indem Sie die Benutzer einbeziehen und ihre Aufmerksamkeit mit einem Loader aufrechterhalten
Einführung Wenn ein Entwickler eine Anwendung erstellt, besteht der nächste Schritt darin, sie mit Freunden oder der Öffentlichkeit zu teilen, damit jeder darauf zugreifen kann. Dieser Vorgang des Übertragens von Code von einer Entwicklungsumgebung auf eine Hosting-Plattform, wo er Endbenutzern ber
Einführung Bereitstellung ist der Prozess, unseren Code von einem Quellcodeverwaltungssystem auf eine Hosting-Plattform zu verschieben, wo er gespeichert wird und als Anwendung für Endbenutzer bereitgestellt werden kann. Normalerweise geschieht dies entweder in der Cloud oder auf einem lokalen Serv
Einführung Ereignisse stellen normalerweise eine Art Interaktion zwischen dem Benutzer und der App dar – jedes Mal, wenn ein Benutzer auf das Objekt klickt, etwas in das Eingabefeld eingibt, ein Element zieht oder ablegt und so weiter. Daher erfordert jedes Ereignis normalerweise eine Art Reaktion
Einführung Eine Komponente ist das wahrscheinlich wichtigste Konzept in React. Es ist einer der Kernbausteine von React, das es uns ermöglicht, eine Benutzeroberfläche in unabhängige, wiederverwendbare Teile aufzuteilen, was die Aufgabe des Erstellens von Benutzeroberflächen viel einfacher macht. A