Maxi Ferreira (@charca) / X

Maxi Ferreira

2,904 posts

Maxi Ferreira

@charca

Staff Software Engineer @helpscout. Writing about frontend architecture at frontendatscale.com. Terrible at tennis. 🇦🇷 🇺🇸

Los Angeles, California

Joined February 2009

Pinned
Maxi Ferreira
@charca
Jul 13, 2023
📣 Announcing Frontend at Scale 🎊 You know how I'm always rambling about complexity, abstractions, design patterns, and other things that make you yawn? Well, now you can get all of that right in your email! It'll be fun, I promise. Subscribe here 👇
Frontend at Scale - Level up your frontend architecture skills
From frontendatscale.com
36K
Maxi Ferreira
@charca
Mar 20, 2023
A really cool feature of the View Transitions API (available now in stable Chrome!) is that videos and animations on the new view continue to play smoothly while transitioning. With a bit of extra JavaScript, you can even do this with elements shared across different routes ✨
00:00
351K
Maxi Ferreira
@charca
Aug 22, 2022
Experimenting with 🚀 @astrodotbuild and the Shared Element Transition API. It might *look* like an SPA, but it's a server-side rendered MPA with near-zero JavaScript ⚡️ Blog post coming soon to a theater near you!
00:00
Maxi Ferreira
@charca
Mar 26, 2024
Anyone have a few minutes to review my PR?
137K
Maxi Ferreira
@charca
Mar 6, 2025
First look at @nextjs' experimental View Transitions support ✨ Powered by Next 15.2 and unstable_ViewTransition
00:00
84K
Maxi Ferreira
@charca
Nov 21, 2022
The View Transitions API now supports MPAs (Multi-page applications) and it's truly mind-blowing. This is a server-side rendered @astrodotbuild website where every interaction is a full-page load. There is _zero_ JavaScript on this site ✨
00:00
Maxi Ferreira
@charca
Sep 16, 2022
Here's the demo @BenDMyers and I put together using @astrodotbuild and the Shared Element Transition API ✨ Unlike my previous demo, this one handles network latency by transitioning to a `<template>` right away, and then replacing it with the real content when it comes in.
00:00
Maxi Ferreira
@charca
Sep 29, 2023
New @astrodotbuild + View Transitions demo ✨ This time using React Three Fiber to render an animated 3D model that persists across page-navigations.
00:00
126K
Maxi Ferreira
@charca
Oct 3, 2022
I'm writing a short article exploring how @astrodotbuild SPAs could look like in the future with ✨Persistent Islands✨ This is the demo we built on stream with @jlengstorf last week. We started with an Astro MPA and then added some JS+CSS to make it feel more like a native app.
00:00
Maxi Ferreira
@charca
Aug 24, 2023
I love the transitions and animations in this concept design by @paperpillar 🤩 If you're looking to build a View Transitions demo (or an actual product!), this is the perfect inspiration.
00:00
97K
Maxi Ferreira
@charca
Sep 19, 2024
📣 It's finally here! 🎊 My FREE frontend architecture course is now LIVE ✨ Whether you're an aspiring architect or tech lead, or just want to know how to build better frontends that last longer, this is the course for you. Want to check it out? You know where to find it ⬇️
00:00
55K
Maxi Ferreira
@charca
Aug 3, 2023
I've updated my @astrodotbuild music player demo to Astro 2.10 which includes built-in View Transitions and Persistent Islands support✨ Navigation feels much snappier, and it ships less than half of client-side JS compared to the Turbolinks version—down to 10kb from 24kb⚡️
00:00
104K
Maxi Ferreira
@charca
Feb 7, 2024
Replying to @argyleink
<button id=“undefined”>
GIF
12K
Maxi Ferreira
@charca
Aug 30, 2023
I'm thinking about building this UI on stream using @astrodotbuild's freshly released v3.0 🚀 Anyone interested in watching me struggle with View Transitions for an hour or two? :)
21K