Sandro
@sandroroth.com
Software Developer based in Switzerland 🇨🇭
🔗 sandroroth.com
🔗 tinytip.co
🔗 sandroroth.com
🔗 tinytip.co
Reposted by Sandro
🧩 Code Puzzle, a little side project I made. Each level gives you a JS snippet split into pieces. Arrange them in the right order with drag and drop to solve the puzzle.
➡️ code-puzzle.sandroroth.com
Built with #React and #XState
➡️ code-puzzle.sandroroth.com
Built with #React and #XState
October 2, 2025 at 7:18 PM
🧩 Code Puzzle, a little side project I made. Each level gives you a JS snippet split into pieces. Arrange them in the right order with drag and drop to solve the puzzle.
➡️ code-puzzle.sandroroth.com
Built with #React and #XState
➡️ code-puzzle.sandroroth.com
Built with #React and #XState
Lil' code puzzle - yay or nay? 🤔
September 28, 2025 at 6:41 PM
Lil' code puzzle - yay or nay? 🤔
Reposted by Sandro
Reposted by Sandro
Today on the pod, major TS ecosystem updates: TypeScript Go gets biggest nightly update yet, Rspack announces new Rslint linter, Bun 1.2.21 features 500x faster postMessage, plus Next.js 15.5 has typed routing!
share.transistor.fm/s/0304855f
#typescript
share.transistor.fm/s/0304855f
#typescript
TypeScript Go Nightly Improvements, Rslint Announced, and Big Bun Updates | News | Ep 32 | TypeScript.fm - The Friendly Show for TypeScript Developers | Episode 32
News of the week of August 18, 2025: one of the biggest nightly updates for TS Go, Rspack team announces a new linter, the new minor Bun release is pretty major, and Next.js 15.5 features typed routing...
share.transistor.fm
August 26, 2025 at 5:47 PM
Today on the pod, major TS ecosystem updates: TypeScript Go gets biggest nightly update yet, Rspack announces new Rslint linter, Bun 1.2.21 features 500x faster postMessage, plus Next.js 15.5 has typed routing!
share.transistor.fm/s/0304855f
#typescript
share.transistor.fm/s/0304855f
#typescript
☠️-Hangman in pure #TypeScript types 😎
August 23, 2025 at 8:38 PM
☠️-Hangman in pure #TypeScript types 😎
Finally found a way to archive interesting blog posts.
From RSS into Readwise Reader → Download via Reader API → Extract content as Markdown → Create Markdown file with Frontmatter → Move into Obsidian Vault → Create table with Obsidian Base 🚀
From RSS into Readwise Reader → Download via Reader API → Extract content as Markdown → Create Markdown file with Frontmatter → Move into Obsidian Vault → Create table with Obsidian Base 🚀
May 25, 2025 at 6:10 PM
Finally found a way to archive interesting blog posts.
From RSS into Readwise Reader → Download via Reader API → Extract content as Markdown → Create Markdown file with Frontmatter → Move into Obsidian Vault → Create table with Obsidian Base 🚀
From RSS into Readwise Reader → Download via Reader API → Extract content as Markdown → Create Markdown file with Frontmatter → Move into Obsidian Vault → Create table with Obsidian Base 🚀
Model-based testing with XState helps you test your app more thoroughly without writing every test by hand. You define the model, add test code for states and events, and XState generates the rest. Here, I’m running over 60 tests from just one model. 🚀
#testing #xstate #statemachine
#testing #xstate #statemachine
April 27, 2025 at 5:05 PM
Model-based testing with XState helps you test your app more thoroughly without writing every test by hand. You define the model, add test code for states and events, and XState generates the rest. Here, I’m running over 60 tests from just one model. 🚀
#testing #xstate #statemachine
#testing #xstate #statemachine
My interactive playground for CSS selectors now uses @tanstack.com Start + Router. I also redesigned the homepage and added a few more selectors.
Do you miss a selector?
#css #react #tanstack
Do you miss a selector?
#css #react #tanstack
CSS Selectors Playground
selectors.sandroroth.com
March 16, 2025 at 8:45 AM
My interactive playground for CSS selectors now uses @tanstack.com Start + Router. I also redesigned the homepage and added a few more selectors.
Do you miss a selector?
#css #react #tanstack
Do you miss a selector?
#css #react #tanstack
Using string union types for handling translations not only autocompletes the keys but also provides their default English translations. This helps you understand what to translate and identifies available dynamic values. TypeScript is incredibly powerful! 🚀
#TypeScript #i18n
#TypeScript #i18n
December 1, 2024 at 9:10 AM
Using string union types for handling translations not only autocompletes the keys but also provides their default English translations. This helps you understand what to translate and identifies available dynamic values. TypeScript is incredibly powerful! 🚀
#TypeScript #i18n
#TypeScript #i18n
React Component Composition with polymorphism is quite tricky. You loose type-safety and it's easy to break a11y.
The `as` prop is probably the worst (slow type checking + ambiguous props). `asChild` hurts readability and introduces additional nesting. Is @ariakit.org's `render` approach the best?
The `as` prop is probably the worst (slow type checking + ambiguous props). `asChild` hurts readability and introduces additional nesting. Is @ariakit.org's `render` approach the best?
November 17, 2024 at 7:13 PM
React Component Composition with polymorphism is quite tricky. You loose type-safety and it's easy to break a11y.
The `as` prop is probably the worst (slow type checking + ambiguous props). `asChild` hurts readability and introduces additional nesting. Is @ariakit.org's `render` approach the best?
The `as` prop is probably the worst (slow type checking + ambiguous props). `asChild` hurts readability and introduces additional nesting. Is @ariakit.org's `render` approach the best?