@developit@mastodon.social
@developit@mastodon.social avatar

developit

@developit@mastodon.social

Platform DX at Shopify. Created #Preact. Do more with less.

#JavaScript #PreactJS #React #Frontend #DeveloperExperience #OSS #Coffee #Foxes #Drumming #Metalhead

This profile is from a federated server and may be incomplete. Browse more on the original instance.

chriscoyier, to random
@chriscoyier@front-end.social avatar

jQuery plugins depended on jQuery, and when jQuery went out of favor, they ended up in the junkyard.

There is all sorts of componentry built exclusively on React, limiting it to React-based sites. As React goes out of favor, they will end up in the junkyard. (Same with any framework-specific extension.)

But with Web Components... it seems like the story will end differently. If they are built without dependencies, they might just live as long as the web does.

developit,
@developit@mastodon.social avatar

@chriscoyier the react stuff can be switched to Preact and wrapped in a web component

leaverou, to random
@leaverou@front-end.social avatar

Weโ€™ve always told devs that browsers prioritize what to implement based on dev demand.

There is one exception: .

SVG is used on >65% of websites. Yet, browsers have been refusing to work on SVG, ignoring pressure and pain points from web devs.

showed SVG as the top content pain point: https://2023.stateofhtml.com/en-US/features/content/#content_pain_points

Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.

[1/2]

developit,
@developit@mastodon.social avatar

@leaverou Chrome rendering an SVG containing even small amounts of xhtml in <foreignObject> is the sole time I have managed to spin the fans on my M3 Max.

ian, to random
@ian@mckellar.social avatar

The "AT Protocol" is the way to talk to modems right? Like "ATDT6661239999"?

developit,
@developit@mastodon.social avatar

@ian indeed. Also other wireless devices in some cases.

developit,
@developit@mastodon.social avatar

@ian possibly same lol

lynnandtonic, to random
@lynnandtonic@front-end.social avatar

Jumping back into the nestflix.fun backlog and itโ€™s grown to almost 1,000 submissions. ๐Ÿ˜… I finally got a Paramount+ subscription so letโ€™s go.

developit,
@developit@mastodon.social avatar

@lynnandtonic apparently I need to watch UHF?!

developit, to random
@developit@mastodon.social avatar

I'm 1872 weeks

developit, to random
@developit@mastodon.social avatar

I have reached my peak

developit,
@developit@mastodon.social avatar

@janvhs @loucyx it's good! Been my daily driver for 2 years and still works like new. I found the wireless just unreliable enough to switch it back to wired, but I didn't buy it for the wireless anyway.

developit,
@developit@mastodon.social avatar

@loucyx they included stickers and fan arts of the Nuphy girl in the box lol

developit,
@developit@mastodon.social avatar

@jcf I avoid them both equally

developit,
@developit@mastodon.social avatar

@rawrmonstar I can't type anymore without covering up Miyafuji so

developit,
@developit@mastodon.social avatar

@otowa0 close! It's Yoshika Miyafuji from Strike Witches.

rawrmonstar, to random
@rawrmonstar@vivaldi.net avatar

Not a fan of frameworks all adding magical RPC functionality. Nothing was wrong with just doing a post request

developit,
@developit@mastodon.social avatar

@rawrmonstar 100000% agreed. All this does is make it completely impossible to move between frameworks and maximize framework lock-in across areas of the stack that were previously safe from it.

developit, to random
@developit@mastodon.social avatar

I have occasionally been asked why Preact's string renderer doesn't do scheduling and defaults to synchronous. Here's your reason (it's so fast that doing so is generally net-negative for both response time and throughput, making it undesirable by any metric)
#preact

developit,
@developit@mastodon.social avatar

@sphinxc0re @rich_harris I think svelte is already faster than Preact on this one. Hard to beat precompiled templates!

developit,
@developit@mastodon.social avatar

@haydencodes I was using it as an umbrella term for how async tends to work in various SSR implementations these days - using data structures that make revisiting not-yet-ready trees easy, at the expense of the much more common cases where rendering of a node happens in a single pass. Preact's async SSR has identical performance to sync SSR because it's the same codepath. We only pay a cost for async when encountering async, and the cost is close to zero (1 obj and a func call).

developit,
@developit@mastodon.social avatar

@haydencodes unless you're doing out-of-order streaming, streaming HTML is usually net negative for performance. It can theoretically benefit extremely large trees, but those are also the scenarios that are most likely to be unable to stream effectively because the chunk sizes are massive.

developit,
@developit@mastodon.social avatar

@haydencodes due to the overhead of setting up the stream, and writing to a stream (JS function calls and allocations or FFI) vs string concat (nearly free)

nickautomatic, to react
@nickautomatic@mastodon.social avatar

Has anyone here got opinions about Preact vs React?

Specifically, I'm weighing up migrating a large-ish codebase to Preact instead of upgrading React, and I'd be interested to hear from anyone who a) has done this, b) has decided not to do this, c) can think of solid reasons to stick with React.

I can't see much benefit to choosing React over Preact, but is there anything I'm overlooking?

#preact #react #javascript

developit,
@developit@mastodon.social avatar

@nickautomatic easiest just to try it. Are you using any large react-based libraries like a prebuilt UI toolkit?

developit,
@developit@mastodon.social avatar

@nickautomatic oh yeah, react-router is definitely good to go (and a perfect match for preact IMO).

developit, to random
@developit@mastodon.social avatar

While npm trends are mostly meaningless, it still boggles my mind to see that Preact is now the 3rd most downloaded frontend framework via npm.

developit, to random
@developit@mastodon.social avatar

Biden going after the furry vote

schizanon, to webdev
@schizanon@mastodon.social avatar

I built this POC to demonstrate how I'd use CustomEvents to implement Signals. Please criticize my approach and tell me why I need a native browser API for this.

https://card-calc.surge.sh/

#webDev #javaScript #signals #observable #frontend #customEvents #events #svelte #preact #rxjs

developit,
@developit@mastodon.social avatar

@schizanon duplicate it 1000 times on the same page but driven by a single input field.

indutny, (edited ) to progmetal
@indutny@fosstodon.org avatar

Turbulence - "Hybridโ€ is a pretty damn good prog metal song!

https://www.youtube.com/watch?v=gvkEJHv1Agk

#progrock #progmetal

developit,
@developit@mastodon.social avatar

@janl @indutny he has a double pedal at least haha

developit,
@developit@mastodon.social avatar

@indutny @janl tbh it seems really unlikely any single song would require every piece. Some of those stacks differ by like 2".

The toms are probably just in different tunings.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • โ€ข
  • megavids
  • cisconetworking
  • magazineikmin
  • thenastyranch
  • InstantRegret
  • tacticalgear
  • Youngstown
  • khanakhh
  • slotface
  • ngwrru68w68
  • rosin
  • ethstaker
  • kavyap
  • DreamBathrooms
  • anitta
  • mdbf
  • everett
  • Durango
  • cubers
  • vwfavf
  • osvaldo12
  • GTA5RPClips
  • Leos
  • normalnudes
  • modclub
  • tester
  • provamag3
  • JUstTest
  • All magazines
    •