Etienne.tech

🇫🇷 • Frontend dev • Former DMII @gobelins_paris • JS, React & TypeScript

[Etienne.tech @EtienneTech]

@jlongster I was using tailwind-merge and I migrated to panda-css mainly for this reason...

[TypeScript @typescript]

Today we're thrilled to announce our effort to port the TypeScript compiler and language service to native code, gaining a 10x speed boost in build times and editor responsiveness!

https://t.co/zxTchNDMwD

[Etienne.tech @EtienneTech]

@housecor Yep: https://t.co/Xvx8ciDO11 🤩

[Etienne.tech @EtienneTech]

@cp_lepage Hey, thanks for the kind words. If you have any idea of how I could improve the lib feel free to open an issue, I'd be glad to discuss 😉

[Etienne.tech @EtienneTech]

@matthen2 @observablehq Do you know about this https://t.co/iuf8XoqSkh ?

[tldraw @tldraw]

🚀Today we're releasing Signia, a new reactive state management library by tldraw. Open source, MIT licensed, wicked fast.

Read the announcement: https://t.co/IAZug3K2fB
See the code: https://t.co/S6wa5EgOPy

[Etienne.tech @EtienneTech]

@kentcdodds I made one I'm quite pleased with, it's missing docs but you can look at the examples folder 😉 https://t.co/FNEQMBsr2C

[Etienne.tech @EtienneTech]

.pipe() 🙏

[colinhacks @colinhacks]

Zod 3.20 is here! This is a big one.

🟢 `z.coerce`
🟢 `.pipe()`
🟢 `.catch()`
🟢 `z.symbol()`
🟢 `z.number().finite()`
🟢 `z.string().datetime()`

https://t.co/YHhSLwRhYu

[colinhacks @colinhacks]

Zod 3.20 is here! This is a big one.

🟢 `z.coerce`
🟢 `.pipe()`
🟢 `.catch()`
🟢 `z.symbol()`
🟢 `z.number().finite()`
🟢 `z.string().datetime()`

https://t.co/YHhSLwRhYu

[Thibaut Collette @ThibautCollette]

🥳 with @huspreyhq we're announcing our €3M seed round!
With the funds we will continue to do what we do best. Building a product that data analysts love and that help build the best data notebooks.

For more details:
https://t.co/RPxQMY3Nwo

[Etienne.tech @EtienneTech]

@flybayer I'm making m'y own 😅 : type safe including custom issues, FormData based, custom validation or zod schema. Inspired by react-zorm.
I'm still working on it but it should be ready soon: https://t.co/FNEQMBK1Ua

[Remix 💿 @remix_run]

We are beyond excited to announce that Remix is joining Shopify! 🎉

Thank you all for joining us on this journey. It's only getting better from here!

Learn more 👇
https://t.co/0dpHX7aRrw

[Etienne.tech @EtienneTech]

@dan_abramov @jjenzz @giuseppegurgone @aulneau Um... 🤔 Did you see this codesanbox I sent earlier ?
https://t.co/GeEfH6McIU
Is this tearing or is it something else ?

[Etienne.tech @EtienneTech]

I guess I can retire now 😅

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau For exemple older versions of React-Redux used to silently catch errors in selector to "solve" this...

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau With external store you can tearing without concurrent mode, the issue above is what useSyncExternalStore is supposed to solve. It's just that the hacky fixes that were used before don't work with concurrent mode...

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau @dan_abramov Ref + pub/sub is an external store because the signal of "state has changed" is propagated by your pub/sub and not by React.

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau Custom event are fine as long as you don't read an external store in response of the event

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau Here is an example of tearing with your `useSelectableContext` 😉
https://t.co/Isaei8OlON

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau When the value of a context changes react make sure to render components in the order of the component tree, while in your case it's the order of subscription that matter. Which mean you could get tearing...

[Etienne.tech @EtienneTech]

@jjenzz @giuseppegurgone @aulneau I think you do need useSyncExternalStore because the value is propagated by your pub/sub and not by React.