Diese wunderschöne responsive Website ist eine statische Landingpage, die mit React, gestalteten Komponenten, React-Router und React-Hooks erstellt wurde. Alle Komponenten sind wiederverwendbar und können für beliebige dynamische Inhalte verwendet werden. Es reagiert vollständig auf alle Plattformen und wird mit Netlify gehostet
Diese statische Landingpage könnte für verschiedene Produktpräsentationen verwendet werden. Sie können möglicherweise aufgrund des React-Routers zu verschiedenen Seiten navigieren. Ich wollte schon immer gestaltete Komponenten lernen, und das Erstellen eines Projekts ist eine praktische Möglichkeit, das zu lernen. Die einzige Herausforderung, der ich gegenüberstand, war die Verwendung von gestalteten Komponenten. Das war zunächst einschüchternd und da ich normales CSS und SASS verwendet habe, war es ohne Klassennamen seltsam. Zumindest styled-components ähneln SASS in Bezug auf die Verschachtelung lol!
Zum Verständnis von gestalteten Komponenten habe ich auf dieses Dokument verwiesen – Dokument zu gestalteten Komponenten.
Klicken Sie hier, um die Live-Demo anzusehen
@briandesign