Profile avatar
fred-crozatier.dev
Building the Radish standards-first framework https://github.com/radishland/radish Organizer - Summer of Math Exposition https://some.3b1b.co/ Founder - Sciency https://sciency.co/ Teacher - https://www.youtube.com/@captain-carre
89 posts 70 followers 58 following
Regular Contributor
Active Commenter

Just discovered a 2024 research paper on Scoped Effects and had that wild moment of "...wait, that's very similar to my implementation" Sometimes the best validation comes from finding your ideas in academic literature. I guess that's what happens when you dig deep into the mathematical roots.

Speaking at #Svelte Paris this Wednesday about a fresh mental model for fullstack apps. Would love to see you there! www.meetup.com/svelte-paris...

Summer of Math Exposition: Submissions are now open! 🚀🚀

"Incredibly powerful features that we didn't even know we could have in the browser, have not only landed, but have also gained cross-browser compatibility, at a faster pace that they ever have before." @una.im This truly is the Golden Age of Web UI www.youtube.com/watch?v=VTCI...

Coining a cool new dev concept: Right Abstraction Design Stop over-engineering. Stop under-engineering. Just be RAD. #DevLife

Big #SoME update: The website finally has a proper login system - no more registering every year! Long overdue but so worth the wait.

I've extracted Radish effect system into its own standalone package. Create - Effects & Handlers that can be sync, async, total, partial - Powerful Patterns: delegation, dynamic decoration, effect observation - AsyncState (like AsyncContext but more powerful) - Snapshots jsr.io/@radish/effe...

Here's why we need the upcoming AsyncContext API in #JavaScript What do you think is the result of [1,2,3].map(asyncDouble)? Imagine that on a server...

Today marks the 10th anniversary of the #react mental model UI = f(state) Here's the oldest post about it: www.kn8.lt/blog/ui-is-a... Did you know there's now a brand new approach that generalises this mental model in exciting new directions? github.com/radishland/r...

Here's a lightweight overview for the new #fullstack mental model. We generalise the UI = f(state, data) formula (see @danabra.mov's post for a refresher overreacted.io/the-two-reac...) Fullstack = handle effects github.com/radishland/r...

Let's pause for a minute and appreciate that we're living in the golden era of the #web platform Never been this vibrant with features bursting out in HTML, CSS & JS I'm grateful to everyone working hard to make this happen Special thanks to @nerdy.dev for the inspiration, energy and hard work! 💙

Doing form validation for the web? Definitely consider formgator by @gautier.dev: - native support for FormData and URLSearchParams - inferred types in line with HTMLElement interfaces - reliable single source of truth - first-class integration with #svelte kit github.com/GauBen/formg...

Had a major breakthrough on the mathematical structure of #fullstack apps! 🤯 This could simplify the mental model and reasoning in #webdev and improve code quality. Will share a full write-up soon.

Pretty overwhelming that intelligence was the easy problem in the end, solved by #AI with reasoning as an emergent aspect of token generation. We're left solving the dual (hard?) problem of wisdom for all, since as Rabelais warned (1532): "Science without conscience is but the ruin of the soul."

Just realized the "bottom" symbol for non-terminaison in CS (⊥) literally represents your computer giving you the middle finger. "Your loop will not stop... ⊥"

Really cool to see @t3.gg's excitement for Effect! The broader context here is the theory of algebraic effects, which has been gaining traction in fp circles in recent years. youtu.be/Y6jT-IkV0VM?...

I love using @esm.sh for browser importmaps! - Handles npm, jsr and GitHub registries - Checks the User-Agent to serve the right ES version (es2022, etc) – no bloat! - Supports tree-shaking, so you can import just what you need

The first @svelte.dev Meetup in Paris is finally here, and it's happening next Thursday, March 27th 🎉 Super excited about the growing #Svelte ecosystem in Paris. See y'all there! www.meetup.com/svelte-paris...

Just massively improved the SoME archive page performance! Before: 582 requests, 59MB resources, 30.7s finish time 🐌 After: 104 requests, 1.9MB resources, 766ms finish time ⚡️ That's a 40x speed boost! Secret weapon? The lite-youtube web component #WebPerformance #SoME

I have just released the first version of Chachalog! It's a modern approach to changelog creation and release publishing. It is inspired by the Changesets workflow.

the Radish #WebComponents framework is getting better! This week rad updates: - directives work across shadow roots - new @bool directive for boolean attributes - declarative <radish:head> element - speculation rules - auto-import your modules and more... github.com/radishland/r...

Radish #WebComponents framework rad improvements of the week: - switched to preact signals - deep reactivity helper - #nobuild importmap generation - with full control via transform hook - dynamic segments /[id], optional groups /book{s}?, regex matchers /[id=number] github.com/radishland/r...

Just migrated the Summer of Math Exposition site to #Svelte 5, the migration experience was nice!

I'm building a full-stack framework around #WebComponents, here's the manifesto: - No custom DSL - TypeScript - SSR - Reactive directives - Near-zero build step - Escape js toolchain entropy - Less migration hell - Powered by @deno.land - Disappearing framework github.com/radishjs/rad...

Great blog on the intricacies of whitespace in #html by @develwithoutacause.dwac.dev blog.dwac.dev/posts/html-w... This inspired me to improve the monarch/html parser. Thanks! github.com/fcrozatier/m...

the HTML spec describing how to parse "sarcasm" html.spec.whatwg.org/multipage/pa...

Are you a fellow markuper? www.youtube.com/watch?v=XfIa...