News for hackers. Stuff that matters.
Re:React 19 by xcrunner529 on Thursday December 05, 2024 @10:06PM (#42335851)
Show me one performant and nice react app. Even the creator can’t.
Re:React 19 by magnio on Thursday December 05, 2024 @10:45PM (#42336119)
Drawing canvas: https://excalidraw.com/

Drawing canvas: https://www.tldraw.com/

Code playground: https://replit.com/

Supabase dashboard: https://supabase.com/

Vercel dashboard: https://vercel.com/

Workout tracking: https://workout.lol/

Chatbot: https://chatgpt.com

Note-taking: https://www.usememos.com/

Tax filing: https://ustaxes.org/start

Python notebook: https://marimo.io/

LoL info: https://www.op.gg/

Sports matches: https://www.sofascore.com/

Trading news: https://seekingalpha.com/

Website builder: https://mmm.page/

Podcast maker: https://podcastle.ai/

Re:React 19 by xcrunner529 on Thursday December 05, 2024 @11:00PM (#42336208)
Dang you’re not wrong. I didn’t check all of them but in my phone those drawing ones are super responsive. If only most PWAs worked like that there’d be more goodwill for them. I personally feel most React apps and their abysmal performance (starting with facebook’s attempt) really hurt the PWA movement on mobile.
Re:React 19 by ksec on Friday December 06, 2024 @03:06AM (#42337517)
I dont think people are actually against PWA or React per se. In those examples above yes 80% of them should be using React. What most people have problems with are things like SeekingAlpha which doesn't need to be with React at all but is using it anyway. While I dont visit "SeekingAlpha" but most of the time these site will have one or two problems that makes it feel not a web page but a web apps.
Re:React 19 by davely on Thursday December 05, 2024 @10:16PM (#42335901)
Every single React app has to ability to be nice and performant.

The issue (and this isn’t React’s fault) is that every single web app is so obsessed with measuring analytics and engagement metrics and loading multiple ad containers and and and…

Whether Vite, or Svelte, or Vanilla JS, when you start stuffing a site with all these tracking pixels and other junk, they are all horrible.

There is likely a bit of observer bias going on with your comment, as many popular sites these days run React and they happen to run like crap due to the reasons I listed above.

Re:React 19 by onion2k on Thursday December 05, 2024 @11:44PM (#42336410)
Whether Vite, or Svelte, or Vanilla JS, when you start stuffing a site with all these tracking pixels and other junk, they are all horrible.

They're definitely horrible from a moral standpoint, but if you look at the flamechart of JS activity in your browser you can easily see that they sit idle 99% of the time and only send events to an API as low priority background work when the browser does things. They aren't what makes websites slow.

Re:React 19 by xcrunner529 on Thursday December 05, 2024 @10:29PM (#42336004)
You don’t think Amazon is tracking tons? And their site blows Walmart, target etc out of the water. Google?

https://infrequently.org/#e-commerce

Re:React 19 by davely on Thursday December 05, 2024 @10:59PM (#42336203)
I’m not sure how that refutes my point. Of course they are.

That probably explains why the Amazon website just took 5 seconds to load on my phone while on a gigabit connection at home.

Re:React 19 by xcrunner529 on Thursday December 05, 2024 @11:19PM (#42336299)
The point is clear. Amazon is far more performant and does tracking so that’s not to blame.
Re:React 19 by burgerzzz on Friday December 06, 2024 @12:28PM (#42341891)
I don’t know how accurate this is. I just loaded up Walmart and Targets sites and they load very quickly and navigating between pages is snappy as well. What’s your metric for performance?
Re:React 19 by xcrunner529 on Friday December 06, 2024 @09:02PM (#42346636)
Are you in a fast and wired connection? The link I posted above has data:

https://infrequently.org/#e-commerce

Re:React 19 by mdhb on Friday December 06, 2024 @07:42AM (#42339274)
React is also incredibly behind the rest of the industry in terms of performance and has been for a long time. What you’re saying isn’t wrong but it’s a different problem on top of React.
Re:React 19 by terandle on Saturday December 07, 2024 @01:58AM (#42347805)
Yes but in 6 months react will release a compiler to catch it up by a lot. Performance has diminishing returns and at some point, things just need to be fast enough (see vscode) and the industry will continue on as the switching cost is way too high.
Re:React 19 by xcrunner529 on Saturday December 07, 2024 @02:42PM (#42352279)
True. But if the sites performed well (big if) and feel responsive, look nice, don’t break middle click and other browser functions - well I don’t see the problem, then. I don’t think the “hate” is irrational.
Re:React 19 by terandle on Saturday December 07, 2024 @06:43PM (#42353765)
Which is why I think react (and other SPA frameworks) are now pointing beginners to full stack frameworks like nextjs, remix etc where those best practices are baked in. It took the JS frameworks a bit to find their path there but I think they are there now.
Re:React 19 by xcrunner529 on Saturday December 07, 2024 @06:57PM (#42353850)
What are your thoughts on things like HTMX though, which with a small payload allow lots of SPA-like features and part of the content language itself. The other hatred I have is the need for all of this crap on top of a crappy language.
Re:React 19 by lakomen on Saturday December 07, 2024 @09:33PM (#42354585)
It's a big step back
Re:React 19 by terandle on Tuesday December 10, 2024 @12:28PM (#42378977)
HTMX has a ceiling on how interactive/complex you can make your site [1]. If you know you will never need to exceed those sure. However I like to use nextjs as it gives me the peace of mind I will always be able to pivot or implement whatever the customer wants.

[1] https://htmx.org/essays/why-gumroad-didnt-choose-htmx/

Re:React 19 by recursivedoubts on Tuesday December 10, 2024 @12:57PM (#42379308)
that's true[1] but there is also the programmer dictum "You Aren't Gonna Need It" (YAGNI)[2]

it very much depends on the type of app you are building, but I think many web applications could at least start with htmx and then, when more complex user interactions present themselves, use an island of interactivity approach that localizes the complexity.

this keeps overall system complexity as low as possible for as long as possible, and you may never need to go beyond htmx, which can lead to a much less complicated codebase [3]

[1] - https://htmx.org/essays/when-to-use-hypermedia/

[2] - https://en.wikipedia.org/wiki/You_aren%27t_gonna_need_it

[3] - https://htmx.org/essays/a-real-world-react-to-htmx-port/

Re:React 19 by terandle on Tuesday December 10, 2024 @02:24PM (#42380413)
I think nextjs does lead to a very simple codebase at every step of the interactivity gradient. You can have pure server side rendered HTML all the way up to full blown SPA and everything inbetween with just one tool rather than having...

1. HTMX itself

2. Your backend language Go/Java/whatever

3. Whatever JS framework for your interactivity islands

But yes we are all on the same team here of reducing complexity in the codebase and if HTMX works for you go for it.

Re:React 19 by condwanaland on Thursday December 05, 2024 @10:16PM (#42335898)
How are you measuring 'nice'? How are you measuring 'performant'?

My assumption would be that if you haven't seen anything, even from the creator, then you just have different expectations to the people who do get value from React

Re:React 19 by xcrunner529 on Thursday December 05, 2024 @10:28PM (#42335998)
It’s interesting I’ve asked this question several times and no one can point me to one. Performant meaning when react is used it’s not at the bottom in speed and latency[1].

[1]: https://infrequently.org/#e-commerce

Re:React 19 by zeroonetwothree on Thursday December 05, 2024 @10:26PM (#42335978)
Pretty much every React app I’ve worked on (and I’ve been using it for 10 years) has been nice and performant.
Re:React 19 by xcrunner529 on Thursday December 05, 2024 @10:31PM (#42336015)
I’m sure every dev thinks that including the ones at Facebook, Target, and Walmart but they’re not. Show the data.
Re:React 19 by robertwt7 on Friday December 06, 2024 @01:08AM (#42336884)
airbnb, retool, sentry, datadog, snowflake..

refine: https://github.com/refinedev/refine appsmith: https://github.com/appsmithorg/appsmith

there are heaps what are you talking about!

Re:React 19 by vanschelven on Tuesday December 10, 2024 @04:49AM (#42375330)
not according to https://pagespeed.web.dev though (I stopped testing after Sentry)
Re:React 19 by sensanaty on Friday December 06, 2024 @04:06AM (#42337855)
I'm definitely a React hater personally, but Linear (https://linear.app) is built with React and is impressively fast and responsive.