Hydration sabotages lazy loading, adding AI to your toolkit, and the technique Valibot used to reduce its bundle size

Yoav Ganbar· October 6, 2023

12 min read

Yo yo,

What’s good, devs?

I’m at Armada.js conference, after giving my talk “Frontend is dead, long live full stack”.

I think it went well… I got good feedback from the audience and other speakers such as Daniel Roe, Barry Pollard, Manu Almeida, and Max Kless. As well as from one of the conference MCs, Ramón Huidobro.

That’s a win in my book 👌🏽.

Other than that, a ton of insightful conversations about the web, performance, JS frameworks, and whatnot with all this incredible talent have gotten me super hyped!

Hopefully, these conversations will lead to more interesting content for y’all!

This issues Dad joke of the day is by Nuxt Framework Lead, Daniel Roe:

Why do Swedish ships have barcodes on them?

Because they’re Scandinavian.

Miško explores how hydration might sabotage your lazy-loaded JavaScript.

Ariel Weinberger wrote a guest post about how to add AI to your toolkit in 10 minutes.

Another guest blog post by Fabian Hiller about the technique he used to make Valibot's bundle size 10X time smaller than Zod.

Tracy Lee interviews Miško Hevery on how he’s transforming web development. ▶️
Vishwas made a video about how to build an event launch page with Next.js 13, React, TypeScript, and Tailwind CSS. ▶️
Mojtaba Seyedi wrote a practical guide for view transition API in meta frameworks.
The TypeScript origins documentary is out! ▶️
Sébastien Lorber wrote about how to upgrade your frontend dependencies with confidence using Playwright and Argos.
Read about Angualr’s new control flow.
Make your Google web fonts performant using Cloudflare fonts.
Alex MacArthur wrote about how to get all that network activity under control with priority hints.
GitHub Copilot Chat beta now available for all.
Mirza Leka wrote about the Evolution of Server-Side JavaScript.
Seems like in 2023 DevOps is terrible I think it wasn’t that great before either 🤷🏽.
Antonello Zanini explores how to fix common HRM issues in Next.js.
You can now talk to ChatGPT and prompt it with pictures.
Build Your Own ChatGPT Clone with React and the OpenAI API.
Really enjoyed reading AI is a Loom: The End and the New Beginning of Web Dev.
Dominik, with another great post, this time explores why React.memo shouldn't be your first choice for performance optimizations.

qwik-angular brings the power to use your Angular components (or apps) inside Qwik!
Defer allows you to create zero infrastructure Node.js background jobs.
ChatDev helps you create customized software using natural language ideas. It’s basically an AI agent-powered product team that can bring your ideas to life.
TanStack Query v5 is now available as a release candidate.
PartyKit raises $2.5M to bring multiplayer collaboration to the web.
Swup helps you to create versatile and extensible page transitions for server-rendered websites.
React Google Maps drawing tools.
Ladle is a Storybook alternative for React.
Mintlify helps you build documentation sites.
Astro 3.2 is out.
OpenAI released the official JavaScript Library for ChatGPT.
Impala is a simple static React framework.
PattyCake is an optimizing compiler for ts-pattern by Million.js creator, Aiden Bai.