snappify ✨

A powerful design tool for developers. 🧑‍💻

Create stunning presentations, smoothly animated videos and elevate your technical content!

Give it a try 👇

[Dominik Sumer ✨ @dominiksumer]

while I'm working a lot less on snappify compared to the previous years, I still treat it as a product that is used by many (paying) users, and I want them to have a great experience

here and then long-year customers like @mathsppblog reach out if there's something annoying in their workflow or they are missing something, and I'm doing my best to provide them with fixes and also new features 🫡

and to be honest, it's always refreshing to come back to this code base where I've poured so much time, energy, and love into .. it's still an outstandingly good product!

[Ankita Kulkarni @kulkarniankita9]

🍿 You might be leaking secrets in Next.js.

Environment vars starting with NEXT_PUBLIC_ go straight to the browser yes, even API keys 😅

The fix? Use Server → Client Parent–Child pattern, do sensitive work on the server and pass only data down

Read the full issue 👇

[Matthieu Riegler @Jean__Meche]

What's great with the experimental status of #Angular signal forms, you literally get new features on it every week in the patch release !

In 21.0.1 we added the option to bring back classes to controls, and bonus the class names are now fully customizable.

[Ankita Kulkarni @kulkarniankita9]

Stop Infinite Re-renders

Ever add a handler inside an effect, put it in the dependency array, and suddenly… re-renders forever?

That’s usually because your handler changes identity every render, so the effect keeps tearing down and setting up again.

React 19.2 just dropped useEffectEvent that fixes this problem.

Here's How 👇

[Rodrigo 🐍🚀 @mathsppblog]

Your future you will thank you for this:

The keyword `assert` takes an expression to its right.

If the expression evaluates to `True`, or Truthy, everything is fine.

But if it doesn’t, you get an `AssertionError`.

That's a pretty unhelpful/generic error...

Here's the fix:

[Rodrigo 🐍🚀 @mathsppblog]

I panicked when I saw this. I tend to associate Armin to Python. But this is JS. I'm sorry you have to use JS, Armin. ❤️‍🩹

Here's the Python behaviour:

[Dominik Sumer ✨ @dominiksumer]

today I'm launching a free API to fetch favicons from any website 🥳

just pass the desired domain and retrieve the favicon in the best quality!

you can also resize and convert the image into different formats

it's using Bun & Hono, is open source, and easily self-hostable ❤️

[Lucian Ghinda @lucianghinda]

I also made a short video (thanks to @snappify_io) from the last thread:

[Michal @michal_stlv]

We released Stelvio 0.4.0 almost a month ago,

but I haven't written about the new features yet.

Let's take a look at AWS DynamoDB indexes today.

You can create both global and local indexes with concise Python.

Use dataclasses or dicts — whichever you prefer.

[Dominik Sumer ✨ @dominiksumer]

I've finally switched to proper auth guards via beforeLoad from TanStack Router

before I had a weird "Redirects" component that took care of the auth guarding globally and had weird effects when auth state refreshed 🙈

[nader dabit @dabit3]

At @eigencloud we're making it drastically simpler to build apps with crypto guarantees but with simple web2 UX.

We are meeting developers where they are. No crypto knowledge required.

• EigenAI - OpenAI compatible Verifiable AI API.
Drop an EigenAI endpoint into any OpenAI compatible application and it "just works", but with verifiability.

• EigenCompute - make any codebase verifiable.
"eigenx app deploy" and your app runs with blockchain-level trust guarantees at web2 scale. Build agents, games, or DeFi products that users can actually verify.

Both services are now live on mainnet alpha. ⚡️
https://t.co/4DyhHPzZ2A

[Ankita Kulkarni @kulkarniankita9]

Last week’s Snack: Underrated Caching Trick ⚡🍿

🚀 Cache Components in Next.js 16
🎨 Tailwind child selectors @DavidKPiano
🔥 @tan_stack Start v1 Release Candidate
⚡ ai-sdk-zustand → state mgmt + debugging for AI SDK @pontusab

One email. All the latest news + learn something new!

[Ankita Kulkarni @kulkarniankita9]

Stop Freezing Your UI 🍿

Imagine you go to a restaurant 👩‍🍳 and a server comes to take your order but until your food is ready, you're frozen and not allowed to chat with your friends, drink water or do anything.

That's the reality in your browser 😅.

If you press a button, your entire UI freezes and unless you fix this, you won't be able to do anything.

That's where useTransition come in play.

Without useTransition, when you click a button that does something expensive, your entire app becomes unresponsive.

📜 Can't scroll - You're stuck looking at the same part of the page
▶️ Can't click other buttons - Everything is frozen
🧭 Can't navigate - You're trapped until the operation completes

useTransition is like having a waiter who takes your order and then works in the kitchen while you can still chat with friends, drink water, and move around.

[Ankita Kulkarni @kulkarniankita9]

Last week’s Snack: Lazy Load Heavy Components ⚡🍿

Not every component deserves a first-class ticket in your bundle.

📚 Dan Abramov’s new Learn for JS Developers
🎨 Build gradients on the fly → https://t.co/2ADba0KqgJ
🧠 Deriving Client State from Server State by @TkDodo
🤯 AI Tools Registry with @shadcn CLI integration

One email. All the latest frontend + AI news.

[Lucian Ghinda @lucianghinda]

If you are preparing your talk for @friendlyrb or @EuRuKo then may I suggest to you @snappify_io ?

Not affiliated but it is so good! There are two years since I am using it for all my presentations and social media imaged with code shared.

[Ankita Kulkarni @kulkarniankita9]

Ever wonder why your app feels slow even with a decent backend?

👉 Chances are, you’re forcing users to download everything up front -charts, maps, editors, the kitchen sink.

With React.lazy + Suspense, you can lazy load heavy components only when they’re actually needed.

You get,
⚡ Faster first load
🎯 Users see what matters first
🍿 A smoother, more professional UX

I just broke this down in my newsletter Frontend Snacks, reply if you want the link!

[Ankita Kulkarni @kulkarniankita9]

Last week’s Snack: Next.js 15.5 Type Safety 🏆

Next.js → auto-completes your routes, throws compile-time errors
⚡ One API, all providers by @vercel AI Gateway
🎥 FFmpeg 8.0 convert, record & stream anything @FFmpeg
🚀 Build & deploy AI agents, now out of beta @triggerdotdev
■ Component Composition by @TkDodo, TanStack Query Maintainer

That’s just a taste. Every week I round up the latest frontend tips, tools, and news into one snack-sized email.

Subscribe here:
https://t.co/jPRQDYxXC0

[Rodrigo 🐍🚀 @mathsppblog]

A good example of what `functools.Placeholder` from Python 3.14 allows.

[Ankita Kulkarni @kulkarniankita9]

Love FFmpeg 💖

Here is a handy command that converts a 200mb file to < 50mb!

[Rodrigo 🐍🚀 @mathsppblog]

I just had a couple of minutes of fun writing an infinite binary counter in Python.

However, I thought I'd be able to express this easily with recursion but nothing obvious comes to mind...

Any suggestions?