Fred Crozatier
@fred-crozatier.dev
Experimental web frameworks, OSS etc https://github.com/fcrozatier/
Organizer - Summer of Math Exposition https://some.3b1b.co/
Founder - Sciency https://sciency.co/
Teacher - https://www.youtube.com/@captain-carre
Organizer - Summer of Math Exposition https://some.3b1b.co/
Founder - Sciency https://sciency.co/
Teacher - https://www.youtube.com/@captain-carre
Functorial reactivity can also deal with more complex operations like item swaps inside lists in the most natural and declarative way
October 16, 2025 at 1:47 PM
Functorial reactivity can also deal with more complex operations like item swaps inside lists in the most natural and declarative way
What's the difference between signals reactivity and functorial reactivity?
TLDR: Signals reactivity is what you get when you project down functorial reactivity to a coarse topology with only one event and no associated data
TLDR: Signals reactivity is what you get when you project down functorial reactivity to a coarse topology with only one event and no associated data
October 16, 2025 at 1:16 PM
What's the difference between signals reactivity and functorial reactivity?
TLDR: Signals reactivity is what you get when you project down functorial reactivity to a coarse topology with only one event and no associated data
TLDR: Signals reactivity is what you get when you project down functorial reactivity to a coarse topology with only one event and no associated data
SoME peer review is now officially closed with 5459 votes!
The score distribution over the 464 entries looking like a skewed Gaussian shows the bar was pretty high!
Now the hard part... waiting for those winner announcements in the coming weeks.
Stay tuned!
The score distribution over the 464 entries looking like a skewed Gaussian shows the bar was pretty high!
Now the hard part... waiting for those winner announcements in the coming weeks.
Stay tuned!
September 17, 2025 at 5:32 PM
SoME peer review is now officially closed with 5459 votes!
The score distribution over the 464 entries looking like a skewed Gaussian shows the bar was pretty high!
Now the hard part... waiting for those winner announcements in the coming weeks.
Stay tuned!
The score distribution over the 464 entries looking like a skewed Gaussian shows the bar was pretty high!
Now the hard part... waiting for those winner announcements in the coming weeks.
Stay tuned!
With functorial reactivity the primitives let you build a faithful communication between your templates and the DOM:
- data and operations are transported to the DOM
- hits the highest level of granularity
- works nicely with view transitions 🤝
What do you think?
- data and operations are transported to the DOM
- hits the highest level of granularity
- works nicely with view transitions 🤝
What do you think?
September 11, 2025 at 1:26 PM
With functorial reactivity the primitives let you build a faithful communication between your templates and the DOM:
- data and operations are transported to the DOM
- hits the highest level of granularity
- works nicely with view transitions 🤝
What do you think?
- data and operations are transported to the DOM
- hits the highest level of granularity
- works nicely with view transitions 🤝
What do you think?
SoME submissions are officially closed, with 470 entries this year. Good job everyone!
That spike at the end is chef's kiss, nothing says "we work best under pressure" quite like this collective data
That spike at the end is chef's kiss, nothing says "we work best under pressure" quite like this collective data
September 2, 2025 at 1:45 PM
SoME submissions are officially closed, with 470 entries this year. Good job everyone!
That spike at the end is chef's kiss, nothing says "we work best under pressure" quite like this collective data
That spike at the end is chef's kiss, nothing says "we work best under pressure" quite like this collective data
Did you know you can use the `this` keyword for slick #html one-liners?
oninput="count.textContent=this.value.length"
flems.io#0=N4IgtglgJl...
oninput="count.textContent=this.value.length"
flems.io#0=N4IgtglgJl...
August 19, 2025 at 4:31 PM
Did you know you can use the `this` keyword for slick #html one-liners?
oninput="count.textContent=this.value.length"
flems.io#0=N4IgtglgJl...
oninput="count.textContent=this.value.length"
flems.io#0=N4IgtglgJl...
@paolo.ricciuti.me I know you know better than that
August 13, 2025 at 12:17 PM
@paolo.ricciuti.me I know you know better than that
The goal actually is to create a reactive functor, cool to see we're taking this path!
August 9, 2025 at 7:31 AM
The goal actually is to create a reactive functor, cool to see we're taking this path!
Lost in the maze of web platform proposals?
@justinfagnani.com made a chart mapping the big picture, in particular around declarative custom elements and #webcomponents. I've turned it into an interactive roadmap for y'all. Credit to Justin
fcrozatier.github.io/wwpp/
@justinfagnani.com made a chart mapping the big picture, in particular around declarative custom elements and #webcomponents. I've turned it into an interactive roadmap for y'all. Credit to Justin
fcrozatier.github.io/wwpp/
August 1, 2025 at 2:44 PM
Lost in the maze of web platform proposals?
@justinfagnani.com made a chart mapping the big picture, in particular around declarative custom elements and #webcomponents. I've turned it into an interactive roadmap for y'all. Credit to Justin
fcrozatier.github.io/wwpp/
@justinfagnani.com made a chart mapping the big picture, in particular around declarative custom elements and #webcomponents. I've turned it into an interactive roadmap for y'all. Credit to Justin
fcrozatier.github.io/wwpp/
July 30, 2025 at 2:18 PM
My build pipeline:
1. Strip types
2. That's it
How cool is that?
Native ES modules + TypeScript = ❤️
1. Strip types
2. That's it
How cool is that?
Native ES modules + TypeScript = ❤️
July 29, 2025 at 1:08 PM
My build pipeline:
1. Strip types
2. That's it
How cool is that?
Native ES modules + TypeScript = ❤️
1. Strip types
2. That's it
How cool is that?
Native ES modules + TypeScript = ❤️
Check out Radishland's gorgeous new banner!
Fun fact: Radishes are perfect for beginner gardeners and grow in almost any conditions. Just like how Radish makes #webdev accessible for everyone!
Fun fact: Radishes are perfect for beginner gardeners and grow in almost any conditions. Just like how Radish makes #webdev accessible for everyone!
June 22, 2025 at 3:56 PM
Check out Radishland's gorgeous new banner!
Fun fact: Radishes are perfect for beginner gardeners and grow in almost any conditions. Just like how Radish makes #webdev accessible for everyone!
Fun fact: Radishes are perfect for beginner gardeners and grow in almost any conditions. Just like how Radish makes #webdev accessible for everyone!
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...
What do you think is the result of [1,2,3].map(asyncDouble)?
Imagine that on a server...
May 6, 2025 at 8:57 AM
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...
What do you think is the result of [1,2,3].map(asyncDouble)?
Imagine that on a server...
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...
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...
April 25, 2025 at 3:11 PM
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...
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...
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...
- 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...
April 15, 2025 at 9:06 AM
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...
- 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...
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
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
March 20, 2025 at 1:17 PM
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
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
February 14, 2025 at 3:24 PM
And matrices would also help solve relative sizing in scale systems. And combined with the new powers of attr they would allow for dynamic scale-relative sizing
January 18, 2025 at 11:14 AM
And matrices would also help solve relative sizing in scale systems. And combined with the new powers of attr they would allow for dynamic scale-relative sizing
We finally have light dismiss for #HTML dialogs!
This means you can now manage your dialogs entirely in html, with zero js:
- open them with an invoker command
- close them with light dismiss
Try it out in Chrome Canary (w/ experimental web features flag)
jsfiddle.net/vco1mdth/
This means you can now manage your dialogs entirely in html, with zero js:
- open them with an invoker command
- close them with light dismiss
Try it out in Chrome Canary (w/ experimental web features flag)
jsfiddle.net/vco1mdth/
January 15, 2025 at 4:22 PM
We finally have light dismiss for #HTML dialogs!
This means you can now manage your dialogs entirely in html, with zero js:
- open them with an invoker command
- close them with light dismiss
Try it out in Chrome Canary (w/ experimental web features flag)
jsfiddle.net/vco1mdth/
This means you can now manage your dialogs entirely in html, with zero js:
- open them with an invoker command
- close them with light dismiss
Try it out in Chrome Canary (w/ experimental web features flag)
jsfiddle.net/vco1mdth/
Here's a neat #typescript trick: you can emulate existential types by using a const generic container without loosing type safety, and then go even wilder by mapping the generic.
It's like having Foo[] and then using the ? which is crazy powerful
github.com/fcrozatier/m...
It's like having Foo[] and then using the ? which is crazy powerful
github.com/fcrozatier/m...
January 13, 2025 at 3:03 PM
Here's a neat #typescript trick: you can emulate existential types by using a const generic container without loosing type safety, and then go even wilder by mapping the generic.
It's like having Foo[] and then using the ? which is crazy powerful
github.com/fcrozatier/m...
It's like having Foo[] and then using the ? which is crazy powerful
github.com/fcrozatier/m...
This type-stripper is
- 20% faster than esbuild on small files (~1000 lines)
- forward compatible with the TC39 type-annotation proposal
github.com/fcrozatier/t...
- 20% faster than esbuild on small files (~1000 lines)
- forward compatible with the TC39 type-annotation proposal
github.com/fcrozatier/t...
December 26, 2024 at 10:26 AM
This type-stripper is
- 20% faster than esbuild on small files (~1000 lines)
- forward compatible with the TC39 type-annotation proposal
github.com/fcrozatier/t...
- 20% faster than esbuild on small files (~1000 lines)
- forward compatible with the TC39 type-annotation proposal
github.com/fcrozatier/t...
These are the language options I've set, I don't know what else I could do...
December 13, 2024 at 11:27 AM
These are the language options I've set, I don't know what else I could do...
Now this is hilarious.
I want VoiceOver to read in English, easy right?
After setting every possible language options to English — main language, region, keyboard, VoiceOver itself etc. — this is still what I get (help!)
büllet item 1
büllet item 2
Can you hear it didn't want to stop? 🤣🤣
I want VoiceOver to read in English, easy right?
After setting every possible language options to English — main language, region, keyboard, VoiceOver itself etc. — this is still what I get (help!)
büllet item 1
büllet item 2
Can you hear it didn't want to stop? 🤣🤣
December 13, 2024 at 11:24 AM
Now this is hilarious.
I want VoiceOver to read in English, easy right?
After setting every possible language options to English — main language, region, keyboard, VoiceOver itself etc. — this is still what I get (help!)
büllet item 1
büllet item 2
Can you hear it didn't want to stop? 🤣🤣
I want VoiceOver to read in English, easy right?
After setting every possible language options to English — main language, region, keyboard, VoiceOver itself etc. — this is still what I get (help!)
büllet item 1
büllet item 2
Can you hear it didn't want to stop? 🤣🤣
How about an official cssdoc syntax for documentation?
With directives like @cssprop it would allow for great tooling like documentation on hover etc.
cc @nerdy.dev
With directives like @cssprop it would allow for great tooling like documentation on hover etc.
cc @nerdy.dev
December 11, 2024 at 2:19 PM
How about an official cssdoc syntax for documentation?
With directives like @cssprop it would allow for great tooling like documentation on hover etc.
cc @nerdy.dev
With directives like @cssprop it would allow for great tooling like documentation on hover etc.
cc @nerdy.dev