Der Dokumentenkopf ist vielleicht nicht der glamouröseste Teil einer Website, aber was darin enthalten ist, ist wohl genauso wichtig für den Erfolg Ihrer Website wie die Benutzeroberfläche. Hier geben Sie schließlich an …
Matt Perry von Framer und ich schauen uns die React-Animationsbibliothek Framer Motion an.
Zuerst schauen wir uns an, wie einfach die API ist. Sie steuern alles sehr deklarativ über Props an Elementen in Ihrem JSX. ...
Ein Reducer ist eine Funktion, die Änderungen am Zustand einer Anwendung bestimmt. Er verwendet die empfangene Aktion, um diese Änderung zu bestimmen. Wir haben Werkzeuge wie Redux, die helfen, Zustandsänderungen einer Anwendung in einem einzigen Store zu verwalten, sodass …
Komponenten sind die Bausteine von React-Anwendungen. Es ist fast unmöglich, eine React-Anwendung zu erstellen, ohne Komponenten zu verwenden. Es ist so verbreitet, dass einige Drittanbieter-Pakete Ihnen Komponenten zur Verfügung stellen, die Sie zur Integration verwenden können …
Nehmen wir an, Sie haben eine Liste von 100 Namen.
<ul>
<li>Randy Hilpert</li>
<li>Peggie Jacobi</li>
<li>Ethelyn Nolan Sr.</li>
<!-- and then some -->
</ul>…oder Dateinamen, Telefonnummern oder was auch immer. Und Sie möchten diese clientseitig filtern, was bedeutet, dass Sie nicht …
Das Testen von Anwendungen ist entscheidend dafür, dass der Code fehlerfrei ist und die logischen Anforderungen erfüllt werden. Das manuelle Schreiben von Tests ist jedoch mühsam und anfällig für menschliche Voreingenommenheit und Fehler. Darüber hinaus kann die Wartung ein Albtraum sein, insbesondere wenn Funktionen …
Das Animieren mit requestAnimationFrame sollte einfach sein, aber wenn Sie die Dokumentation von React nicht gründlich gelesen haben, werden Sie wahrscheinlich auf einige Dinge stoßen, die Ihnen Kopfzerbrechen bereiten könnten. Hier sind drei „Fallen“, die ich auf die harte Tour gelernt habe.
TLDR…
Das React-Ökosystem bietet uns viele Bibliotheken, die sich alle auf die Interaktion von Drag & Drop konzentrieren. Wir haben react-dnd, react-beautiful-dnd, react-drag-n-drop und viele mehr, aber einige von ihnen erfordern ziemlich viel Arbeit …
Und mit "wir" meine ich uns, die Frontend-Entwickler ;)
Hier ist die Website, die zu diesem Vortrag gehört.
Das ist ein Vortrag, den ich zusammengestellt habe, in dem ich behaupte, dass die Breite dessen, was Frontend-Entwickler im Laufe der Zeit tun können …
