Sign in

Stefan Spittank

@spittank.bsky.social
22 followers 24 following 47 posts

Passionate about a good UX and user interface design. Co-Host of "Papperlapapp - Spaß mit Klammern", a german youtube channel about frontend development and UX.

PostsRepliesMedia
Reposted by Stefan Spittank
Lukas Borawski @lukasborawski.dev · 04/02/2026
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
2025.stateofjs.com
State of JavaScript 2025
The 2025 edition of the annual survey about the latest trends in the JavaScript ecosystem.
0285
Stefan Spittank @spittank.bsky.social · 06/02/2026
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
Cartoon-hafte Darstellung: Holger, Nils und Stefan beschimpfen eine Wolke mit einem React-Logo.
011
Reposted by Stefan Spittank
Holger Grosse-Plankermann @holgergp.bsky.social · 24/11/2025
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?...
youtu.be
Speed Date mit dem TanStack Router - DER Alternative zum React Router! mit Nils Hartmann
YouTube video by Papperlapapp - Spaß mit Klammern
031
Reposted by Stefan Spittank
Nils Hartmann @nilshartmann.net · 21/11/2025
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ß 😊
youtube.com
Speed Date mit dem TanStack Router - DER Alternative zum React Router! mit Nils Hartmann
YouTube video by Papperlapapp - Spaß mit Klammern
022
Stefan Spittank @spittank.bsky.social · 09/11/2025
Nice save :) youtube.com/clip/Ugkxqks...
000
Reposted by Stefan Spittank
c't <webdev> @ctwebdev.bsky.social · 08/10/2025
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
Speaker Card Marco Emrich, saying: „Does your AI generated code have more bugs than a summer picnic?“
042
Stefan Spittank @spittank.bsky.social · 18/09/2025
Wer Disney+ über die Telekom gebucht hat und kündigen will, kann das hierüber tun: www.telekom.de/kontakt/kuen... #kimmel
telekom.de
| Telekom Hilfe
000
Reposted by Stefan Spittank
Papperlapapp - Spaß mit Klammern @papperlapappyt.bsky.social · 13/08/2025
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
youtu.be
We will mock you: Diese 3 Patterns machen das Mocking einfacher!
YouTube video by Papperlapapp - Spaß mit Klammern
073
Stefan Spittank @spittank.bsky.social · 14/07/2025
🧪 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?
youtu.be
We will mock you! Module hoisting in Frontend Tests erklärt
YouTube video by Papperlapapp - Spaß mit Klammern
000
Reposted by Stefan Spittank
Una Kravets @una.im · 16/06/2025
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...
survey.devographics.com
State of CSS 2025
Take the State of CSS survey
34215
Stefan Spittank @spittank.bsky.social · 14/06/2025
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...
dsv.de
Aktuelle Meldungen - Aktuelles | Deutscher Schwimm-Verband e. V. – Wir sind der Schwimmsport
Aktuelle Meldungen - Der Deutsche Schwimm-Verband e. V., am 8. August 1886 in Berlin gegründet, vereinigt unter seinem Dach die Schwimmverbände in den Bundesländern der Bundesrepublik D
010
Stefan Spittank @spittank.bsky.social · 13/06/2025
Heute Abend geht es auf nach Zagreb! Drückt die Daumen!
010
Reposted by Stefan Spittank
Kent C. Dodds 🌌 @kentcdodds.com · 28/05/2025
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!
// Usage in a component:
function StatusBar() {
	const isOnline = useOnlineStatus()
	return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>
}
1243
Reposted by Stefan Spittank
Keith Cirkel @keithamus.social · 28/05/2025
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.
developer.mozilla.org
HTMLDialogElement: closedBy property - Web APIs | MDN
The closedBy property of the HTMLDialogElement interface indicates the types of user actions that can be used to close the associated <dialog> element. It sets or returns the dialog's closedby attribu...
320342
Stefan Spittank @spittank.bsky.social · 21/05/2025
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
toyota-crowd.de
#nichtsistunmöglich | TOYOTA CROWD
Mit der TOYOTA CROWD fördert TOYOTA Deutschland gezielt Sportprojekte von Athleten, Sportlern und Vereinen aus olympischen und paralympischen Sportarten
000
Reposted by Stefan Spittank
Anne van Kesteren @annevk.nl · 07/05/2025
🥳 We added new attributes to HTML to enhance <input type=color>: webkit.org/blog/16900/p...
webkit.org
Add wide gamut P3 and alpha transparency to your color picker in HTML
Now HTML lets you create a color picker for wide gamut P3 color and for alpha transparency with two new attributes: <input type="color" colorspace="display-p3" alpha>, available today in Safari 18.4.
49026
Stefan Spittank @spittank.bsky.social · 09/05/2025
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!
Fotos von der EnterJS als Collage: Holger und Stefan beim präsentieren.
010
Stefan Spittank @spittank.bsky.social · 02/05/2025
Never new you could patch npm packages locally. Interesting!
010
Reposted by Stefan Spittank
Papperlapapp - Spaß mit Klammern @papperlapappyt.bsky.social · 23/03/2025
Wir haben uns die neue JavaScript Promise API: Promise.withResolvers Für euch angesehen. #JavaScript #developer #development
042
Reposted by Stefan Spittank
Papperlapapp - Spaß mit Klammern @papperlapappyt.bsky.social · 20/03/2025
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
youtu.be
Die neue Promise API in JavaScript - Alles über Promise with Resolvers
YouTube video by Papperlapapp - Spaß mit Klammern
061
Stefan Spittank @spittank.bsky.social · 16/03/2025
TIL: Microsoft portiert den TypeScript Compiler nach Go und erwartet 10x so schnelle Performance. Ich bin gespannt: www.youtube.com/watch?v=pNlq...
youtube.com
A 10x faster TypeScript
YouTube video by Microsoft Developer
010
Stefan Spittank @spittank.bsky.social · 05/03/2025
A comic of Tintin and Captain Haddock.

Captain Maddock: "What a sprint, huh?"
Tintin: "Captain, it's only been the planning meeting"
021
Stefan Spittank @spittank.bsky.social · 26/02/2025
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/...
informatik-aktuell.de
User Experience – Ein Drama in drei Akten
User Experience, ein Drama in drei Akten: Wir zeigen Vorurteile gegenüber User Experience (UX), Herausforderungen aus dem Projektalltag und Methoden für eine erfolgreiche und kollaborative UX.
011
Stefan Spittank @spittank.bsky.social · 20/02/2025
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.
Screenshot aus Apple Podcasts der Podcast "Papperlapapp - Spaß mit Klammern" die Bewertung "Anstößig" hat.
110
Reposted by Stefan Spittank
Tanner Linsley @tannerlinsley.com · 17/02/2025
📣 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...
621339
Stefan Spittank @spittank.bsky.social · 12/02/2025
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/
2024.stateofreact.com
State of React 2024
The 2024 edition of the annual survey about the latest trends in the React ecosystem.
000
Reposted by Stefan Spittank
Papperlapapp - Spaß mit Klammern @papperlapappyt.bsky.social · 05/02/2025
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?
042
Stefan Spittank @spittank.bsky.social · 04/02/2025
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
youtu.be
Die epische Jubiläumsfolge - Das große Papperlapapp Kompendium
YouTube video by Papperlapapp - Spaß mit Klammern
020
Stefan Spittank @spittank.bsky.social · 21/01/2025
Gut, dass der @holgergp.bsky.social da war um mich aufzufangen.
110
Stefan Spittank @spittank.bsky.social · 19/01/2025
2025 ist gerade erst gestartet und es ist schon so viel Bewegung in der Webentwicklung.
000
Stefan Spittank @spittank.bsky.social · 19/01/2025
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.
motion.dev
Revealed: React's experimental animations API - Motion Blog
React is experimenting with a new animation API based on the View Transition API. How does it work? What can it do? We reveal all in this blog post.
010
Reposted by Stefan Spittank
Lea Verou, PhD @lea.verou.me · 16/01/2025
🎉 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...
developer.chrome.com
CSS attr() gets an upgrade  |  Blog  |  Chrome for Developers
You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.
1748895
Reposted by Stefan Spittank
Una Kravets @una.im · 16/01/2025
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
developer.chrome.com
CSS scroll-state()  |  Blog  |  Chrome for Developers
Like container queries; but for stuck, snapped, and overflowing queries.
26012
Stefan Spittank @spittank.bsky.social · 16/01/2025
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
youtu.be
State of JS 2024 - Wir haben Dinge gelernt
YouTube video by Papperlapapp - Spaß mit Klammern
020
Stefan Spittank @spittank.bsky.social · 12/12/2024
Letzter Talk für 2024. Ich freue mich. #ittage
020
Reposted by Stefan Spittank
Holger Grosse-Plankermann @holgergp.bsky.social · 06/12/2024
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!
lnkd.in
LinkedIn
This link will take you to a page that’s not on LinkedIn
052
Stefan Spittank @spittank.bsky.social · 25/11/2024
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
Titel des Vortrags: UX-Ein Drama in drei Akten
Ort: Frankfurt am Main, Kap Europa, Messe
IT-Tage 2024
010
Stefan Spittank @spittank.bsky.social · 04/11/2024
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 😅
000
Reposted by Stefan Spittank
Papperlapapp - Spaß mit Klammern @papperlapappyt.bsky.social · 04/11/2024
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
youtube.com
Information Design Teil 1 - Wie wir Informationen wahrnehmen
YouTube video by Papperlapapp - Spaß mit Klammern
031
Reposted by Stefan Spittank
Holger Grosse-Plankermann @holgergp.bsky.social · 22/10/2024
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! 🤗
youtu.be
Wie der React Strict Mode euch hilft eure Anwendung stabiler zu machen
YouTube video by Papperlapapp - Spaß mit Klammern
052
Reposted by Stefan Spittank
Holger Grosse-Plankermann @holgergp.bsky.social · 29/04/2024
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
youtu.be
011
Reposted by Stefan Spittank
Surma @surma.dev · 03/06/2024
🔥 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-...
offthemainthread.tech
Why Source Maps don’t always work - Off The Main Thread
How does debugging even work in a world with TypeScript, bundlers and minifiers?
083
Stefan Spittank @spittank.bsky.social · 06/03/2024
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
youtu.be
Sind Signale besser als Hooks? In 5 Minuten erklärt...
Heute geht es um Signale! Signale oder Signals sind ein neueres Programmierkonzept, dass jetzt auch in die Welt der Single Page Applications Einzug hält. Sig...
021
Stefan Spittank @spittank.bsky.social · 19/02/2024
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
010
Stefan Spittank @spittank.bsky.social · 18/02/2024
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?
000
Stefan Spittank @spittank.bsky.social · 01/02/2024
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
youtu.be
Conditional Hooks? Der neue use Hook unter der Lupe
Heute geht es um React! Und es geht um den use-hook! Der ist leider immer noch nicht für alle React Nutzer verfügbar, aber das Warten lohnt sich!Der use() h...
020
Stefan Spittank @spittank.bsky.social · 23/01/2024
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...
linkedin.com
LinkedIn
000
Stefan Spittank @spittank.bsky.social · 18/01/2024
#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...
Distracted boyfriend meme - React schaut Next.js hinterher - CreateReactApp ist empört.
000
Stefan Spittank @spittank.bsky.social · 04/01/2024
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
youtu.be
Native Seitenüberblendungen in HTML mit SPA View Transitions - in 5 Minuten
Heute geht es um SPA View Transitions! Flüssige Seitenüberblendungen für jede Web Anwendung!Ja das war früher auch schon möglich, war aber eher kompliziert. ...
000