Gerade als ich mit JavaScript losgelegt habe, habe ich versucht this in meinem Code zu vermeiden. Ich sage nur undefined is not a function. Zu beliebig wirkte das Verhalten, verglichen mit anderen Sprachen, die ich damals kannte.
Da ich immer mal wieder gefragt werde, wie das Ganze denn funktioniert, dachte ich mir, ich schreibe es hier mal zusammen.
Einer der Gründe, weshalb ich ein großer Fan von Eleventy bin, ist die Möglichkeit, Templates mit beliebigen Daten anzureichern und daraus Seiten zu generieren. Früher habe ich Seiten normalerweise mit Wordpress erstellt, da ich es kannte und damit meine Probleme lösen konnte. Als ich dann anfing, einen Podcast zu veröffentlichen, brachte mich Christian (@derschepp) auf die Idee, mit einem static-site generator meine Webseite zu veröffentlichen, da es hier ja möglich sei aus externen Daten, wie einem RSS-Feed, die Webseite zu erzeugen.
Eleventy (11ty) ist schon seit einigen Jahren mein Tool der Wahl, wenn es um die Erstellung von Webseiten geht. Dabei eignet sich Eleventy sowohl für eine einfache statische Seite, einen Blog wie diesen oder auch die Seite zu meinem Podcast Ready for Review. Das schöne ist, dass man hier recht schnell gute Ergebnisse erzielen kann und daher zeige ich in diesem Tutorial, die Grundlagen um einen Blog zu erstellen.
Für Entwickler:Innen, die nicht im Frontend aktiv sind, sich aber zumindest einen Überblick dort verschaffen wollen.
In diesem Artikel möchte ich einen ersten Überblick über ein typisches Frontend-Projekt geben und dabei helfen, sich dort etwas zu orientieren. Auch wenn man seinen Schwerpunkt in anderen Bereichen der Anwendung sieht, kommt man hin und wieder nicht am Frontend vorbei. Glücklicherweise gibt es hier ein paar Standards, an denen man sich orientieren kann.
Wir sehen uns also an wie man eine bestehende Frontend-Anwendung lokal einrichtet und dann auch starten, testen oder bauen kann. Bei allen Schritten besteht die Gefahr, dass es natürlich gerade im jeweiligen Projekt etwas anders gelöst wurde. In vielen Fällen kann man das sicher diskutieren, aber wir gehen mal davon aus, dass die Entwickler sich dabei was gedacht haben. Sollte Euer Projekt also davon abweichen, was ich hier schreibe, müsst ihr wohl mal bei den Kolleg:Innen nachfragen.
Das große Finale zu Opinionated React.
Das nächste Opinionated React Kapitel dreht sich um Hooks.
Heute u.a. zu GraphQL, UI Toolkits und Storybook
Router, State Management, Animationen, Styling, Formulare und Date-handling
Andreas Houben und ich sehen uns die gängigen Project Starters aus dem React Umfeld an.
State Management ist ein wichtiger Teil jeder React Anwendung und natürlich ist es auch in Opinionated React ein Thema. Im 2. Kapitel wird hier erstmal ein Überblick über lokalen State, Context und State Libraries gegeben.
Andreas Houben unterhält sich mit mir über das Buch "Opinionated React" von Sara Vieira.
Heute besucht mich Sandra Parsick wieder im Podcast und wir haben einiges zu besprechen.
In der Folge darf ich erneut Joy Heron (Twitter, Web) begrüßen. Joy ist als IT Consultant bei der INNOQ unterwegs. Sie war schon zu den Themen Clojure und Sketchnotes im Podcast zu Gast und spricht heute mit mir über moderne Webentwicklung jenseits der Single-Page Applications.
Heute ist, erneut, Sandra Parsick mein Gast und spricht mit mir über die Tools, die wir gerne einsetzen. Doch bevor wir hier zum Thema kommen, müssen wir schnell die Frage klären, ob es Fullstack Entwickler wirklich gibt.
Nach einer „kurzen" Kreativpause meldet sich der Podcast zurück und ich freue mich Sandra Parsick (Twitter) erneut im Podcast begrüßen zu dürfen.