Sign in

Lucas Silbernagel

@lucassilbernagel.com
1.3K followers 592 following 383 posts

🇨🇦 Senior Software Engineer @ lucassilbernagel.com | #Toronto | #Canada #A11Y | #React | #JavaScript | #TypeScript | #HTML | #CSS | #WebDev #ProgressivePolitics

PostsRepliesMedia
Lucas Silbernagel @lucassilbernagel.com · 10/10/2026
For many years, I've used a spreadsheet to plan my annual budget and keep track of my personal finances. My latest side project is a long-overdue upgrade! Longhand Budget is a privacy-first personal budgeting and financial-planning web app: www.longhandbudget.com
longhandbudget.com
Longhand Budget — private budgeting, no bank sync
Track income, expenses, and savings in your browser — no bank sync, no account required, your data stays on your device.
100
Lucas Silbernagel @lucassilbernagel.com · 30/09/2026
Go take the State of HTML 2026 survey if you have a minute! survey.devographics.com/survey/state...
survey.devographics.com
State of HTML 2026
Take the State of HTML survey
000
Lucas Silbernagel @lucassilbernagel.com · 30/09/2026
The State of Devs 2026 survey results are now available: 2026.stateofdevs.com/en-US/
2026.stateofdevs.com
State of Devs 2026
000
Lucas Silbernagel @lucassilbernagel.com · 29/09/2026
Node.js built-ins that replaced npm packages: flaviocopes.com/node-builtins/
flaviocopes.com
Node.js built-ins that replaced npm packages
Twelve Node.js built-ins that replace axios, nodemon, dotenv, jest, chalk, glob and more, with their stability in Node 24 and one gotcha each.
000
Lucas Silbernagel @lucassilbernagel.com · 08/09/2026
The browser's main thread is expensive: kciter.so/posts/the-ex...
kciter.so
The Browser's Main Thread Is Expensive | kciter.so
What comes to mind when you hear "frontend optimization"? For most of us it's things like reducing network requests, shrinking the bundle,…
000
Lucas Silbernagel @lucassilbernagel.com · 08/09/2026
10 anti-AI slop moves for frontend projects going faster than humans can review: evilmartians.com/chronicles/t...
evilmartians.com
10 anti-AI slop moves for frontend projects going faster than humans can review—Martian Chronicles, Evil Martians’ team blog
Ten checks that catch what AI-written frontend code hides: contract codegen, boundary linting, mutation testing, and dead-code detectors.
010
Lucas Silbernagel @lucassilbernagel.com · 02/09/2026
Things that should go in a modern HTML boilerplate: www.matuzo.at/blog/2026/ht...
matuzo.at
My HTML boilerplate in 2026 - Manuel Matuzović
Every element I use for the basic structure of a HTML document, with explanations why.
000
Lucas Silbernagel @lucassilbernagel.com · 04/08/2026
Your JSON is lying to you: blog.gaborkoos.com/posts/2026-0...
blog.gaborkoos.com
Your JSON Is Lying to You
JSON looks like a faithful representation of JavaScript data, but JSON.stringify and JSON.parse can silently alter or discard information at system boundaries.
020
Lucas Silbernagel @lucassilbernagel.com · 03/08/2026
The State of CSS 2026 survey results are now available! 2026.stateofcss.com/en-US/
2026.stateofcss.com
State of CSS 2026
010
Lucas Silbernagel @lucassilbernagel.com · 02/08/2026
How to stop running out of tokens: danielabaron.me/blog/how-i-s...
danielabaron.me
How I Stopped Running out of Tokens
A practical rundown of tools, settings, and habits that reduce token consumption when using Claude Code as your daily AI coding assistant.
020
Lucas Silbernagel @lucassilbernagel.com · 21/07/2026
JavaScript framework benchmarks, visualized: framework-benchmarks.as93.net
framework-benchmarks.as93.net
Framework Benchmarks
A comprehensive comparison of modern frontend frameworks
000
Lucas Silbernagel @lucassilbernagel.com · 14/07/2026
Go take the State of Devs 2026 survey if you have a minute! survey.devographics.com/survey/state...
survey.devographics.com
State of Devs 2026
Take the State of Devs survey
000
Lucas Silbernagel @lucassilbernagel.com · 14/07/2026
How to speed up running Playwright tests in GitHub Actions: endform.dev/blog/playwri...
endform.dev
Playwright on GitHub Actions: The setup that actually runs fast
Playwright CI should not crawl. Learn how to cache browsers, run tests in parallel, and cut GitHub Actions time fast.
000
Lucas Silbernagel @lucassilbernagel.com · 08/07/2026
What's new in ECMAScript 2026, Math.sumPrecise in particular looks like a useful addition: pawelgrzybek.com/whats-new-in...
pawelgrzybek.com
What's new in ECMAScript 2026 | pawelgrzybek.com
Every year after the final language specification approval, I publish about the latest additions to the language. Here is a full list.
000
Lucas Silbernagel @lucassilbernagel.com · 07/07/2026
Some thoughts and tips on understanding AI code output: www.geoffreylitt.com/2026/07/02/u...
geoffreylitt.com
Understanding is the new bottleneck
Agents can write code faster than we can absorb it. Here's why it still matters for humans to understand what they build — and some techniques for doing that efficiently: explainer docs, quizzes, micr...
000
Lucas Silbernagel @lucassilbernagel.com · 02/07/2026
Some great tips about writing tests for React code, and how to prepare for interview questions about testing: howtotestfrontend.com/resources/re...
howtotestfrontend.com
React Testing Questions That Trip Up Engineers | How To Test Frontend
Think you know your way around a test suite? These React testing interview questions cover act(), debounced inputs, mocking pitfalls, IntersectionObserver, and more. They can be harder than they look.
020
Lucas Silbernagel @lucassilbernagel.com · 02/07/2026
Open a Modal Dialog in React with the Invoker Commands API: sergiodxa.com/tutorials/op...
sergiodxa.com
How to Open a Modal Dialog in React with the Invoker Commands API by sergiodxa
Use command and commandfor to open a native dialog in React without useState or dialog libraries.
100
Lucas Silbernagel @lucassilbernagel.com · 03/06/2026
When choosing between CSS animations and JavaScript animations, it's usually best to reach for CSS: www.joshwcomeau.com/animation/cs...
joshwcomeau.com
CSS vs. JavaScript • Josh W. Comeau
There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performance cost compared to traditional CSS transitions and keyframe animations. In this b...
000
Lucas Silbernagel @lucassilbernagel.com · 03/06/2026
TypeScript tips everyone should know: github.com/AllThingsSmi...
github.com
GitHub - AllThingsSmitty/typescript-tips-everyone-should-know: A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience.
A curated collection of practical TypeScript patterns that improve safety, readability, maintainability, and developer experience. - AllThingsSmitty/typescript-tips-everyone-should-know
010
Lucas Silbernagel @lucassilbernagel.com · 26/05/2026
Go take the State of CSS 2026 survey if you have a minute! survey.devographics.com/survey/state...
survey.devographics.com
State of CSS 2026
Take the State of CSS survey
000
Lucas Silbernagel @lucassilbernagel.com · 26/05/2026
The State of Web Dev AI 2026 survey results are available: 2026.stateofai.dev/en-US
2026.stateofai.dev
State of AI 2026
000
Lucas Silbernagel @lucassilbernagel.com · 05/05/2026
A good introduction to / reminder about range media queries: ishadeed.com/article/rang...
ishadeed.com
Media Queries Range Syntax
000
Lucas Silbernagel @lucassilbernagel.com · 22/04/2026
Building a UI without breakpoints: frontendmasters.com/blog/buildin...
frontendmasters.com
Building a UI Without Breakpoints
This article covers a layout approach that better fits the modern web: fluid, intrinsic components that adapt by default, and treat conditional rules as local, intentional exceptions.
010
Lucas Silbernagel @lucassilbernagel.com · 22/04/2026
AI-generated UI is inaccessible by default. Here are some great suggestions to fix that: frontendmasters.com/blog/ai-gene...
frontendmasters.com
AI-Generated UI Is Inaccessible by Default
It doesn't mean you can't get AI to help with accessible code, you've just got to know what you're doing.
000
Lucas Silbernagel @lucassilbernagel.com · 10/04/2026
Go take the State of AI 2026 survey if you have a minute! survey.devographics.com/survey/state...
010
Lucas Silbernagel @lucassilbernagel.com · 08/04/2026
How to replace common libraries and APIs with modern CSS: blog.gitbutler.com/the-great-cs...
blog.gitbutler.com
The Great CSS Expansion
CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their si...
000
Lucas Silbernagel @lucassilbernagel.com · 08/04/2026
This is pretty cool, Intl can handle all currency and unit formatting: www.stefanjudis.com/today-i-lear...
stefanjudis.com
Intl can localize units, too!
`Intl.NumberFormat` supports localized currency and unit formating.
000
Lucas Silbernagel @lucassilbernagel.com · 08/04/2026
A detailed summary of the latest and greatest tools and developments in JavaScript: frontendmasters.com/blog/what-to...
frontendmasters.com
What To Know in JavaScript (2026 Edition)
An overview of what's new in language features, frameworks, runtimes, build tools, testing, and more.
010
Lucas Silbernagel @lucassilbernagel.com · 07/04/2026
Can you tell real CSS properties and fake ones apart? www.keithcirkel.co.uk/css-or-bs/
keithcirkel.co.uk
CSS or BS?
Think you know CSS? Real property or made-up nonsense? 20 rounds. No mercy.
000
Lucas Silbernagel @lucassilbernagel.com · 26/03/2026
A reminder to use role-based selectors rather than test IDs whenever possible: tkdodo.eu/blog/test-id...
tkdodo.eu
Test IDs are an a11y smell
Users don't use data-testid, so why do your tests?
000
Lucas Silbernagel @lucassilbernagel.com · 26/03/2026
I found this to be a helpful explanation of some of the new React 19 features: saschb2b.com/blog/use-hoo...
saschb2b.com
use(): The Hook That Breaks the Rules (On Purpose)
React's use() hook reads promises and context at render time, integrates with Suspense, and eliminates the most common useEffect anti-pattern. This article explains what it replaces, when to reach for...
000
Lucas Silbernagel @lucassilbernagel.com · 26/03/2026
Naming React effects, I gotta remember to do this... neciudan.dev/name-your-ef...
neciudan.dev
Start naming your useEffect functions, you will thank me later
I started naming my useEffect functions about a year ago. It changed how I read components, how I debug them, and eventually how I structure them.
000
Lucas Silbernagel @lucassilbernagel.com · 20/03/2026
An interesting, and I think, more hopeful take on how AI will impact the software engineering job market: adventures.nodeland.dev/archive/soft...
adventures.nodeland.dev
Software Engineering Splits in Three
"AI-assisted coding changes the game for enterprises by shifting the bottleneck from coding to judgment, impacting software builds and roles."
000
Lucas Silbernagel @lucassilbernagel.com · 20/03/2026
Another great website and campaign from the Ontario NDP, let's get loud! releasedougstexts.ca
releasedougstexts.ca
Release Doug's Texts
What Is He Covering Up?
000
Lucas Silbernagel @lucassilbernagel.com · 19/03/2026
Hopefully more companies will realize and implement things like this: dl.acm.org/doi/10.1145/...
dl.acm.org
Redefining the Software Engineering Profession for AI | Communications of the ACM
000
Lucas Silbernagel @lucassilbernagel.com · 19/03/2026
This is interesting! Can you spot the better React props? cant-maintain.saschb2b.com/play
cant-maintain.saschb2b.com
Can't Maintain — React Component API Game
Can you spot the better API? Train your eye for clean React component APIs in under 5 minutes.
000
Lucas Silbernagel @lucassilbernagel.com · 18/03/2026
Remember your timer cleanups and event listener removals! stackinsight.dev/blog/memory-...
stackinsight.dev
Frontend Memory Leaks: A 500-Repository Static Analysis and Five-Scenario Benchmark Study
We scanned 500 public React, Vue, and Angular repositories with AST-based static analysis and found 55,864 missing-cleanup patterns — 86% of repos had at least one. Then we benchmarked five common lea...
000
Lucas Silbernagel @lucassilbernagel.com · 12/03/2026
AI coding tools are blurring the lines between software team roles: justinjackson.ca/claude-code-...
justinjackson.ca
Will Claude Code ruin our team?
AI coding is blurring the lines between engineers, PMs, and designers. In the short-term, it's going to cause havoc. What happens long-term?
000
Lucas Silbernagel @lucassilbernagel.com · 12/03/2026
In all the AI noise, I always find it comforting when AI tools fall well short of the expectations hyped up by influencers and the news cycle.
000
Lucas Silbernagel @lucassilbernagel.com · 12/03/2026
Ship agent skills with your npm packages: tanstack.com/blog/from-do...
tanstack.com
Introducing TanStack Intent: Ship Agent Skills with your npm Packages | TanStack Blog
Your docs are good. Your types are solid. Your agent still gets it wrong. Not because it's dumb — because nothing connects what you know about your tool to what agents know. Docs target humans who bro...
000
Lucas Silbernagel @lucassilbernagel.com · 20/02/2026
Well this is concerning 👀 theshamblog.com/an-ai-agent-...
theshamblog.com
An AI Agent Published a Hit Piece on Me
Summary: An AI agent of unknown ownership autonomously wrote and published a personalized hit piece about me after I rejected its code, attempting to damage my reputation and shame me into acceptin…
000
Lucas Silbernagel @lucassilbernagel.com · 20/02/2026
This is pretty cool...see old #CSS hacks side by side with the modern equivalent: modern-css.com
modern-css.com
Modern CSS Code Snippets | modern.css
A collection of modern CSS code snippets. Every old CSS hack next to its clean, native replacement, side by side.
000
Lucas Silbernagel @lucassilbernagel.com · 19/02/2026
Save OSAP and stop Doug Ford’s tuition hikes: saveosap.ca
saveosap.ca
Save OSAP
Save OSAP from Doug Ford's cuts. Fund Education Now!
000
Lucas Silbernagel @lucassilbernagel.com · 18/02/2026
The State of React 2025 results are now available: 2025.stateofreact.com/en-US
2025.stateofreact.com
State of React 2025
The 2025 edition of the annual survey about the latest trends in the React ecosystem.
000
Lucas Silbernagel @lucassilbernagel.com · 12/02/2026
I definitely could have used this in the past, apparently there's a tiny React library that visually normalizes company logos so that they all look good together when displayed in a jumble: www.sanity.io/blog/the-log...
sanity.io
The logo soup problem (and how to solve it) | Sanity
A deep dive into the math behind making mismatched brand logos actually look good together. And a tiny React library that does it for you.
010
Lucas Silbernagel @lucassilbernagel.com · 12/02/2026
Some tips on building bulletproof React components: shud.in/thoughts/bui...
shud.in
Building Bulletproof React Components - Shu Ding
The real test isn’t whether your component works on your current page. It’s whether it works when someone else uses it.
000
Lucas Silbernagel @lucassilbernagel.com · 09/02/2026
I've been doing a lot of research and planning to begin moving away from American tech. One small thing I'm trying is the Ground News app instead of Google News, pretty happy with it so far.
010
Lucas Silbernagel @lucassilbernagel.com · 06/02/2026
It's great to see some fight from Marit Stiles and the Ontario NDP! youtube.com/shorts/Q12TW...
youtube.com
You're Paying Too Much for Groceries
YouTube video by Marit Stiles
011
Lucas Silbernagel @lucassilbernagel.com · 05/02/2026
The State of JS 2025 survey results are now available! 2025.stateofjs.com/en-US
2025.stateofjs.com
State of JavaScript 2025
The 2025 edition of the annual survey about the latest trends in the JavaScript ecosystem.
000
Lucas Silbernagel @lucassilbernagel.com · 30/01/2026
ESLint plugin to remove React hooks (useMemo, useCallback) and memo HOC for cleaner React code: github.com/ospm-app/esl...
github.com
eslint-plugin-react-signals-hooks/packages/eslint-plugin-react-unhookify at main · ospm-app/eslint-plugin-react-signals-hooks
Eslint plugin for react.js and react-native apps with @preact/react-signals. exhaustive-deps on steroids. - ospm-app/eslint-plugin-react-signals-hooks
010