Stefan Spittank

State of JS 2025 is out. It’s interesting how negative sentiment @nextjs.org generates year by year. Undeniable winner is @vite.dev, and its growing ecosystem... of course. 😍 2025.stateofjs.com

Das Internet liebt Content von alten weißen Männern, die mit dem Gehstock Richtung Cloud fuchteln! ☁️👴 Mit @nilshartmann.bsky.social zerlegen wir den Status von React: 👉 React 19: Innovation? 👉 Boomer Fetch & Suspense 👉 Der Compiler-Vibe 👉 React = Das neue Java? 🧥 youtu.be/Obr-s8tNya4 #react

Der @spittank.bsky.social und ich hatten keine Ahnung vom TanStack Router! Dann kam @nilshartmann.net! Jetzt ist der TanStack Router unsere neue Lieblings-Lib! Warum das so ist? Schaut doch mal ins Video. youtu.be/y0xg_zWvj6Q?...

Im @papperlapappyt.bsky.social-Kanal von @holgergp.bsky.social und @spittank.bsky.social habe ich über den #TanStack Router gesprochen. Wenn ihr euch für diese spannende Alternative zum #React Router interessiert, guckt doch mal rein: www.youtube.com/watch?v=y0xg... Viel Spaß 😊

Nice save :) youtube.com/clip/Ugkxqks...

Vibe Coding? Please don’t. But AI isn’t completely useless for professional software development, say Marco Emrich and Ferdinand Ade. In their talk they will show how to retain control using iterative prompting and test-driven development (TDD). full agenda: ct-webdev.com/agenda-2025/ #ctwd25

Wer Disney+ über die Telekom gebucht hat und kündigen will, kann das hierüber tun: www.telekom.de/kontakt/kuen... #kimmel

Mocking! Wie mache ich denn das? 🤔 Wir haben 3 Patterns für euch, die wir gerne nutzen. Schaut doch mal rein! youtu.be/WqoubkRZUTs #javascript #vite #vitest #jest #typescript #frontend #youtube #mockiing

🧪 Neue Folge Papperlapapp – diesmal wird gemockt, was das Framework hält. Wir reden über Frontend-Tests und insbesondere Module Hoisting und wie Vitest das löst✨ (Shoutout an die Community – you rock 🙌) 🎥 Jetzt auf YouTube: youtu.be/WPqg7-T1GVA Wann seid ihr zuletzt beim Mocking gestolpert?

The State of CSS survey is live! Please take a moment to fill it out 🙂 It really helps us make more informed decisions on how to focus our web platform (CSS & UI) engineering and DevRel efforts! survey.devographics.com/en-US/survey...

Morgen geht es los. Eine schwere Gruppe und nur der Gruppensieg löst das Ticket auf die vorderen Plätze. Da bin ich jetzt schon aufgeregt. www.dsv.de/de/aktuelles...

Heute Abend geht es auf nach Zagreb! Drückt die Daumen!

How would you build useOnlineStatus()? If you said useState/useEffect, you really need to read this: www.epicreact.dev/use-sync-ext... If you've ever struggled with useSyncExternalStore, check that out because we go through common mistakes and questions!

Hey friends, did you know you can make a modal <dialog> element dismissible by clicking outside (aka light dismiss) by adding `closedby=any` to it. That's it. That's all there is to it. <dialog closedby=any> developer.mozilla.org/en-US/docs/W... Chrome 134+, Firefox 140+, coming soon to Safari.

Unterstützt die White Sharks in der Nordic League. Mit dem gesammelten Geld sollen die Reisekosten der Mannschaft gedeckt werden. Wasserball ist eine Mannschaftssportart und deswegen sind Reisen für einen kleinen Verein, wie die White Sharks Hannover, sehr kostenintensiv. www.toyota-crowd.de/wsh25

🥳 We added new attributes to HTML to enhance <input type=color>: webkit.org/blog/16900/p...

Gestern durften @holgergp.bsky.social und ich auf der #EnterJS etwas zum Thema Mocking in Frontend-Tests erzählen. Trotz der frühen Uhrzeit war die Session sehr gut besucht und wir hatten eine tolle Q&A Session im Anschluss. Danke an das EnterJS Team für die Organisation!

Never new you could patch npm packages locally. Interesting!

Wir haben uns die neue JavaScript Promise API: Promise.withResolvers Für euch angesehen. #JavaScript #developer #development

Promises sind wieder ein Stückchen besser geworden! youtu.be/D3VILSni1GQ?... Wir zeigen euch in unter 10 Minuten, was die neue API Promise.withResolvers so alles kann. Schaut doch mal rein! #javascript

TIL: Microsoft portiert den TypeScript Compiler nach Go und erwartet 10x so schnelle Performance. Ich bin gespannt: www.youtube.com/watch?v=pNlq...

Das Informatik Aktuell Magazin hat meinen Artikel "UX - Ein Drama in drei Akten" veröffentlicht. Was sind für mich drei der größten Hürden, die wir überwinden müssen um in unseren Projekten eine gute UX zu gewährleisten? Findet es heraus. www.informatik-aktuell.de/entwicklung/...

Wenn man mit dem @holgergp.bsky.social einen Podcast macht, wird er von einer KI automatisch als anstößig markiert 😂. Haben wir für euch ausprobiert.

📣 Time to announce "create-tsrouter-app" or CTA, a drop-in CRA replacement: - Powered by @vite.dev, TanStack Router, built by @jherr.dev - TypeScript/Tailwind/File-Route templates (more coming) - Full control over Vite and (soon) upgradeable to TanStack Start www.youtube.com/watch?v=10J6...

Die Ergebnisse der State of React Umfrage 2024 sind jetzt da. Ich bin gespannt, welche React Feature ich entdecke, dir mir neu sind: 2024.stateofreact.com/en-US/

Mit array with könnt ihr einfach in einem Array den Wert an einem bestimmten Index durch einen anderen Wert austauschen und ein neues Array zurück bekommen. Kanntet ihr das schon?

Drei Jahre sind der @holgergp.bsky.social und ich jetzt auf YouTube unterwegs. 🤷‍♂️ Aber warum machen wir das eigentlich? 🎬 Wir werfen einen Blick hinter die Kulissen. Wie sieht das aus, wenn wir eine Folge drehen? Und wie viel Arbeit steckt da drin? youtu.be/pBoErG-xUX4

Gut, dass der @holgergp.bsky.social da war um mich aufzufangen.

2025 ist gerade erst gestartet und es ist schon so viel Bewegung in der Webentwicklung.

Es sieht so aus, als würde React nativen Support für die View Transitions API bekommen: motion.dev/blog/reacts-... Das wäre wirklich eine willkommene Erweiterung.

🎉 OMG OMG OMG Chrome is shipping CSS attr() for every property!!! 🎉 I’ve been asking for this for over a decade!! w00t!!! 🤩 developer.chrome.com/blog/advance...

So much is shipping in Chrome 133 (stable in 2 weeks!) A couple of big ones: 1. Scroll-state queries: check if something is stuck and where — developer.chrome.com/blog/css-scr... 1/3

In der neuen Folge @papperlapappyt.bsky.social haben der @holgergp.bsky.social und ich uns die Ergebnisse der aktuellen StateOfJS Umfrage angesehen. Spoiler: wir haben neue Sprachfeatures gelernt und haben kontroverse Meinungen. #stateofjs #javascript #stateofj2024 #survey youtu.be/3Obpn-jllmI

Letzter Talk für 2024. Ich freue mich. #ittage

Ach dieses Dashboard baue ich doch mit links! Der @spittank.bsky.social erklärt uns im neuen Video von @papperlapappyt.bsky.social, dass dies vielleicht doch nicht so trivial ist. youtu.be/Q19yv3WKuzw Schaut doch mal rein! Und lasst gerne ein Like 👍 und einen Kommentar 💬 da! Das würde uns freuen!

Nur noch zwei Wochen bis zu den IT-Tagen. Ich freue mich dort mal wieder über eines meiner Lieblingsthemen reden zu dürfen. Also: noch schnell anmelden und vorbeikommen! 📅 Datum: 12. Dezember 2024 ⏰ Uhrzeit: 11:00 Uhr 📍 Ort: IT-Tage Konferenz #ittage #ux #userexperience

In unserer neuen Folge @papperlapappyt.bsky.social widmen wir uns meinem Lieblingsthema: "Information Design". In dieser ersten Episode geht es um die Grundlagen: wie wir Informationen wahrnehmen. Gerne reinschauen, teilen und liken 😅

Heute geht es bei uns über #informationdesign Wie nehmen wir Informationen wahr? Wie verarbeiten wir Information? Reicht es ein paar Zahlen und Farben anzuzeigen? Geht da mehr? Schaut doch mal in unsere aktuelle Folge! www.youtube.com/watch?v=y-Q7... #youtube #video #userexperience

Oh hi #bluesky Gibt es hier Leute, die sich für #reactjs #typescript und #ux interessieren? 🤔 Falls ja! Wir haben mit @papperlapappyt.bsky.social ne neue Folge zum React Strict Mode draußen: 🎥 youtu.be/EdLgvH8-7fw?... Schaut doch mal rein! Und sagt doch mal wie ihr das findet! Danke! 🤗

React Server Components! Component Lego nun über Netzwerkgrenzen hinweg. Klingt einfach! Es gibt aber ein paar Fallstricke. Schaut doch mal rein: youtu.be/Wfu1PB_48B4Ha #reactjs #nextjs #javascript #youtube

🔥 A brand new episode of the Off The Main Thread podcast is out NOW! While I built Wasmphobia, I learned a lot about how Source Maps (and WebAssembly’s counterpart!) work. In this episode, I try and share it all with @jakearchibald.com! offthemainthread.tech/episode/why-...

In unserer neuen Folge sendet der @holgergp.bsky.social mir Signale. Sind Signale DAS Mittel für State Management im Frontend? Der Holger ist gehyped, aber ich muss noch überzeugt werden. Und ihr: nutzt ihr noch states oder signalisiert ihr schon? youtu.be/OOTUcNgS2Vk

In unserer neuen Folge Papperlapapp geht es wieder um Personas! Wir schauen darauf, wie man diese modelliert. Und das ohne sich einfach Dinge auszudenken! Also! Falls ihr schon einmal mit Personas gearbeitet habt, schaut doch mal rein. youtu.be/jkPnrYq8fZY #uxdesign

Wir haben ChatGPT / Dall-E eine die Untertitel unseres neuen Videos gegeben und die AI dann gebeten, 10 verschiedene Thumbnails zu dem Video zu erzeugen. Die Ergebnisse sind interessant 😄.Jetzt seid ihr dran: worum wird es in dem neuen Video gehen?

Weniger Boilerplate Code in React mit dem neuen "use" hook. Und das auch noch conditional? Ist das wirklich so gut, wie es klingt? Der @holgerGP und ich haben uns das für euch angeschaut! youtu.be/PWKFRNTrx9Y #reactjs #nextjs

Leute! Wir haben eine Freikarte zu vergeben! Die #enterjs steht wieder an! Wir sind leider aus privaten Gründen diesmal verhindert, ABER ihr solltet unbedingt da hin. Wie ihr gewinnen könnt findet ihr hier: www.linkedin.com/posts/papper...

#CreateReactApp ist tot - lang lebe #Nextjs? Machen wir jetzt nur noch Fullstack Anwendungen? Diese Frage haben @holgergp.bsky.social und ich mit @nilshartmann in der neuen Folge Papperlapapp diskutiert: www.youtube.com/watch?v=S_3j...

Wolltet ihr auch schon mal den Übergang zwischen zwei Seiten euerer SPA animieren? Gar nicht so einfach, oder? Bis jetzt! Das Chrome Team hat sich dafür eine tolle Erweiterung einfallen lassen. Der @holgerGP und ich haben uns das für euch angeschaut: youtu.be/54boRMCCaFM