der pipo .dev

react playground

Willkommen auf meine React Spielewiese

Was hier steht, wird zur Laufzeit in deinem Browser gerendert. Und was wäre eine React-Demo ohne einen Counter? Bitteschön:

Anleitung

Fühl dich frei durch das Menü hier links zu klicken. Das Routing innerhalb des React Playgrounds funktioniert mit TanStack Router.

Wieso das Ganze?

tl;drIch möchte investierter in meine Side-Side-Projects sein.

Ich habe mich dabei ertappt, dass ich oft Codepens, Stackblitzes, Bolts, TypeScript Playgrounds, Sass Playgrounds (und vermutlich noch einiges mehr) anfange, die ich dann ausarbeite, niemandem zeige und mich nach einiger Zeit selbst nicht mehr daran erinnern kann, sie gemacht zu haben.

Dann kam mit die Idee mit diese(r/m) Blog/Website/Playground. Mein Side-Project. Die Idee ist, dass ich, sobald ich wieder mal ein neues Side-Side-Project anfange, dieses hier einpflege, sobald es mich genügend interessiert.

Aktuelle Vorhaben

Aktuell möchte ich mich mit folgenden Dingen auseinandersetzen:

  • Tailwind CSS (generell und insbesondere mit der zu diesem Zeitpunkt in beta befindlichen v4)
    • Was kann v4, was v3 nicht kann?
    • Warum ist es so beliebt?
    • Ggf. ein Blog-Artikel über CSS, Inline-Styles, CSS-in-JS, Utility-CSS, CSS-Modules