Artikel mit Schlagwort

Obwohl eine gut getestete API wichtig ist, ist eine solide Testabdeckung für jede React-Anwendung unerlässlich. Tests erhöhen das Vertrauen in den Code und helfen, Fehler bei den Benutzern zu vermeiden.

Deshalb werden wir uns auf das Testen konzentrieren...

Eine Möglichkeit, mit langen, komplexen Formularen umzugehen, besteht darin, sie in mehrere Schritte aufzuteilen. Sie wissen schon, eine Reihe von Fragen beantworten, zur nächsten übergehen, dann vielleicht noch zu einer weiteren und so weiter und so fort. Wir bezeichnen oft …

Nicht zu verwechseln mit Lifecycle Hooks: Hooks wurden in React in v16.7.0-alpha eingeführt, und ein Proof of Concept für Vue wurde wenige Tage später veröffentlicht. Obwohl sie von React vorgeschlagen wurden, handelt es sich eigentlich um eine wichtige Kompositions-Methode …

Die meisten heute erstellten Webanwendungen empfangen Daten von einer API. Wenn Sie diese Daten abrufen, müssen wir bestimmte Situationen berücksichtigen, in denen die Daten möglicherweise noch nicht empfangen wurden. Vielleicht war es eine unterbrochene Verbindung. Vielleicht war es das …

Update 15. Juni 2019

Seitdem dieser Artikel geschrieben wurde, hat es eine Reihe von Änderungen an XState gegeben. Eine aktualisierte Version eines Anmeldeformulars mit React & XState finden Sie hier.

---

Um ein Anmeldeformular mit gut …

Hooks machen es möglich, Logik in Komponenten zu organisieren, was sie winzig und wiederverwendbar macht, ohne eine Klasse schreiben zu müssen. In gewisser Weise sind sie Reacts Weg, sich auf Funktionen zu konzentrieren, denn davor mussten wir sie in einer Komponente schreiben, und obwohl Komponenten sich als mächtig und funktional erwiesen haben, müssen sie etwas im Frontend rendern. Das ist bis zu einem gewissen Grad alles in Ordnung, aber das Ergebnis ist ein DOM, der mit Divs übersät ist, was es schwierig macht, ihn mit DevTools zu durchsuchen und zu debuggen.

Angenommen, wir müssen ein Kindelement in einer React-Anwendung rendern. Einfach, oder? Dieses Kind wird an das nächstgelegene DOM-Element angehängt und dementsprechend darin gerendert.

render() {
  return (
    <div>
      // Child to render 

…

Sie wissen, wie einige Websites und Webanwendungen beim Übergang zwischen zwei Seiten oder Ansichten ein schönes natives Gefühl vermitteln? Sarah Drasner hat einige gute Beispiele gezeigt und sogar eine Vue-Bibliothek dazu.

Diese Animationen sind die Art von …

Nicolas Gallagher

Bei Twitter habe ich den hier beschriebenen Ansatz verwendet, um die SVG-Icon-Bibliothek des Unternehmens in mehreren verschiedenen Formaten zu veröffentlichen: optimierte SVGs, reine JavaScript-Module, React DOM-Komponenten und React Native-Komponenten.

Es gibt keinen einzigen wahren Weg^©...