Samuel Gomez

306 posts

Samuel Gomez banner
Samuel Gomez

Samuel Gomez

@gamuez

Lead Front-End Developer, ReactJS, NodeJS https://t.co/diuL4J4VCP

Versailles, France Katılım Nisan 2015
317 Takip Edilen84 Takipçiler
Samuel Gomez retweetledi
Una 🇺🇦
Una 🇺🇦@Una·
🥳 CSS functions have arrived!!! 🥳 And they are *AWESOME* Now, you can do things like this: @​function --alpha(--color, --opacity) { result: rgb(from var(--color) r g b / var(--opacity)); } div { background: --alpha(red, 80%); } (*arrived = in the latest stable Chrome)
English
60
167
1.4K
164.8K
Samuel Gomez retweetledi
Ryan Carniato
Ryan Carniato@RyanCarniato·
It was always more than about performance. I started Solid because I liked the mental model of Knockout more than React. Retained mode fit with the DOM better than this immediate mode abstration that React put out there. I needed to focus on performance initially to undo the damage caused by DOM slow, VDOM fast. A lot of benchmarks looked at diffing speeds when diffing wasn't what users primarily need to be doing. This starts pre-React Hooks. React adopted this language later and honestly for some people on this side of things that was enough. But it became more obvious just how different these these things end up being. The key difference is React conflates state with UI organization. On change of state the declared body (and descendants) need to re-run if things change. With Signals it is only the computations that need to re-run. It looks similar but it means that state runs through components rather than are the components. I do think there is some preference here. I'm not saying everyone will find Signals better fit for their mental model. But we shouldn't be just suggesting it's a performance thing. People will point to this run-once mentality being simpler to understand once there are multiple isolated states involved, but the real power is that you can describe more complicated states in a hoisted manner and have isolated updates. If something changes in a complex data structure in React it has no choice but to re-run all the way down that UI tree. Memoizationn can prune branches but it needs to run all the way from declaration to usage. Yes Signals need to run along their portion of the graph but that is scaled on the derivation of the data not the UI. More so if your application is data dependency aware it opens up different sorts of problem space solutions. Granular partial Hydration/Resumability. I was hired at eBay because they recognized the importance of being able to separate the state from the UI which could stay on the server. My recent research has been into self healing graphs and granular derivation. These are areas where we will see tangible differences when it comes scaling of larger granular/incremental data systems. Things like sync engines. I'm glad that @ryanflorence is asking these questions because these are common thoughts, and it provides an opportunity to refine education in these areas, because unlike React the communities here smaller and have had less time to really refine the message.
Ryan Florence@ryanflorence

My read on the React alternatives is their primary selling point is better performance through alternative dependency tracking approaches When I look at the APIs they look identical with mostly identical semantics - state thing - effect thing - elements What am I missing?

English
16
44
468
76.2K
Samuel Gomez retweetledi
TheCodebro ∞!
TheCodebro ∞!@AspiringCodebro·
CSS now has it's own native if() function. No .class toggling, no JS, no stress, just pure logic! That's right. Details in the comments ⬇️
TheCodebro ∞! tweet media
English
26
23
150
17.2K
Samuel Gomez retweetledi
Adam Argyle
Adam Argyle@argyleink·
Firefox 126.0a1 does indeed support transitioning `@property` variables 🎉 funny, cuz just today I made an progressively enhancing @property example, and yep, works great in Firefox Nightly! codepen.io/argyleink/pen/…
Ana Tudor 🐯 (find me on Bluesky/ Mastodon)@anatudor

Wake up, wake up, wake up! @FirefoxNightly finally supports animating custom properties (registered via `@​property`)! 🥳🎉 For the past 6-7 years, I have made ~200 such demos on @CodePen and they should now work in Firefox Nightly! codepen.io/thebabydino/pe…

English
1
14
124
15.7K
Samuel Gomez retweetledi
Maximiliano Firtman
🚨🚨🚨🚨 Apple will NOT remove PWA support on iOS 🥳🥳🥳🥳 👉This is an official statement form Apple that replaced today the previous excuses published around the removal. We did it, folks!
Maximiliano Firtman tweet media
English
55
427
2.3K
348.4K
Samuel Gomez retweetledi
Andrew Clark
Andrew Clark@acdlite·
By the end of 2024, you’ll likely never need these APIs again: • useMemo, useCallback, memo → React Compiler • forwardRef → ref is a prop • React.lazy → RSC, promise-as-child • useContext → use(Context) • throw promise → use(promise) • <Context.Provider> → <Context>
English
126
829
4.5K
622.9K
JSNation | The key JS conference
JSNation, the main JS Conference of 2024, is coming back on June 13 & 17! 🚢Boat & walking tours at the hangout day 🎤Over 50 talks from legends & rising stars 🍔Dinner with friends & much more fun Snag a ticket quick! We've got just 20 early birds🎟️jsnation.com
English
17
36
107
233.5K
Samuel Gomez retweetledi
Ahmad Shadeed
Ahmad Shadeed@shadeed9·
🤯 Today I learned about the media scripting feature. It's about detecting JS support via a CSS media query. Soon, we won't need the `.no-js` or `.js` classes once this is widely available. Currently supported in Chrome 120, Firefox 119, Safari 17.
Ahmad Shadeed tweet media
English
7
94
631
92.1K
Samuel Gomez retweetledi
Chervet Guillaume
Chervet Guillaume@guiChervet·
Dupliquer le code d’un projet sur deuxième git ne fait que doubler le coût de développement et de maintenance du projet. A l’inverse, travailler ensemble sur la même base de code tire le code, la qualité vers le haut et diminue le coût de développement du projet. 😘
Français
0
2
5
272