'/%3e%3c!--%20Motion%20trails%20--%3e%3crect%20x='14'%20y='7'%20width='12'%20height='2'%20rx='1'%20fill='white'%20opacity='.2'/%3e%3crect%20x='12'%20y='12'%20width='16'%20height='2'%20rx='1'%20fill='white'%20opacity='.35'/%3e%3crect%20x='10'%20y='17'%20width='20'%20height='2.5'%20rx='1.25'%20fill='white'%20opacity='.5'/%3e%3c!--%20Bold%20chevron%20down%20--%3e%3cpath%20d='M10%2024%20L20%2034%20L30%2024'%20stroke='white'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'/%3e%3c/svg%3e)
Rezepte
Die Guides und API-Seiten erklären jeweils einen Baustein. Ein Rezept beginnt bei etwas, das du ausliefern willst, und setzt die Bausteine zusammen: zuerst eine Live-Demo zum Ausprobieren, dann der vollständige Code für dein Framework und warum jeder Teil da ist.
Endloser FeedLade die nächste Seite, wenn der Nutzer sich dem Ende nähert, mit Lade- und Fehlerslides, abgebrochenen Anfragen und vorgeladenen Medien.Vom Raster zum PlayerÖffne den Vollbild-Player aus einem Raster von Vorschaubildern und bring den Nutzer zum zuletzt angesehenen Element zurück.Galerie als DiashowSpiele eine Fotogalerie in der Lightbox als Diashow ab und lade die Originaldatei jedes Fotos herunter.Stories-LeisteÖffne den Stories Player aus einer Reihe von Ringen und merke dir über Neuladen hinweg, was der Nutzer schon gesehen hat.
Jede Demo führt den React-Code aus, der daneben steht. Die Versionen für Vue und Angular tun dasselbe mit ihren eigenen Bindings.