Using React in 2024

A look at some recent React features.
💬 Topics:
- React Concurrent Mode;
- React Suspense;
- React useTransition hook;
- React useOptimistic hook;
- Working with forms in React;
- Server Components;
- React server functions;
📖 Blog Article - www.awesome.club/blog/2024/us...
Patreon - / awesomeclub
#javascript

[@StingSting844]

Good stuff man If not for React's market share, literally none of these features will gain traction.

[@arson5304]

that's literally everything bro. if something is not popular then nobody will know about it.

[@StingSting844]

@@arson5304 i mean the complexity in these concepts is insane that no one will attention to it

[@brightokoro7073]

How about react image optimization without using Nextjs?

[@awesome-coding]

That's a good point! Thanks for mentioning it!

[@daedalus5070]

Does React even know React at this point?

[@awesome-coding]

😂

[@mac.ignacio]

Not because it is popular it is good.

[@moutafatin]

Well all of this feels hacky

[@awesome-coding]

It is kind of an afterthought. React has huge dependencies at its core, and an architectural model which makes it hard to compete with the simplicity & lightweight offer by the likes of Svelte and Solid.

[@willvincentparrone3339]

Havent watcged the video but I am confident that the answer is no

[@justpatrick_]

Does anybody

[@unknownbird6165]

@@justpatrick_Dan Abramov does

[@awesome-coding]

@unknownbird6165 😂

[@TechBuddy_]

I don't why but I know all of this stuff and I hate react more everytime I see something new. Only things I am loving are svelte+ kit and astro

[@arson5304]

svelte is turning into react lol, look at its new updates

[@luka1790]

@@arson5304 more like solid and qwik, really

[@crab-cake]

@@arson5304 runes are not like react. they are signals from solid.js. completely different mental model.

[@TechBuddy_]

@@arson5304 people think this a lot but let me tell you something Svelte was closer to react before runes now it is closer to solid. Sure both react and svelte use the same naming scheme like state and effect but they work completely differently

[@daedalus5070]

@@arson5304 The syntax is similar but I think we are a long way off it turning into the React mess. As long as they don't go any further than Runes I can live with it🤷🏻‍♂

[@erikslorenz]

Once react tried to do more than single page apps and then told us useeffect was bad I decided I no longer cared to learn the “next big thing”. If you want me to put everything back on the server great….but I’ll be using an actual server language instead

[@awesome-coding]

Fair enough! I also feel like React is "pushing it" with its new approach...

[@erikslorenz]

@@awesome-codingI feel like we’ve recently hit a nice little point where most people with more than a few years of dev recognize that the single page app or srr with a heavy js framework and a separate json api is probably not the best choice for most websites and apps. Lots of browser innovation plus a few lightweight options like htmx can get people most of the way there. Then for some complex front end stuff you can embed solid or whatever. But I think the final sticking point is that since all the focus has been on these js frameworks the deployment options like vercel and netlify are really nice. We need competitors in the full stack deployment world that can do something similar

[@vpetryniak]

I do not even know JavaScript...

[@awesome-coding]

😅✌️ They even wrote books about it - www.amazon.com/You-Dont-Know-JS-Grammar/dp/1491904194

[@nyumat]

Real ones know this is a re-upload

[@awesome-coding]

😂😅

[@brencancer]

Backend fellas jealous about js having all shiny things.

[@awesome-coding]

😂

[@TechBuddy_]

No we're definitely not 😂

[@Recordeer]

That's not shine, that's cope.

[@crab-cake]

i don't like server actions. not only is the syntax ugly but there's too many different contexts and magic. i don't know why they couldn't do server$ like solidstart and qwik.

[@awesome-coding]

Well said.

[@crab-cake]

​@@awesome-coding have you seen the leptos wasm framework? i think #[server(AddTodo, "/api")] is very nice. dioxus has server functions too as far as i know but i haven't looked into it much.

[@Channelcustomization832]

How is the syntax ugly? Server action is just simple function.

[@crab-cake]

​@@Channelcustomization832 i'm talking about the directives 'use server' and 'use client'. they have different contexts and meanings depending on where you put them. it could be much simpler and it's hidden away with magic.

[@faridguzman91]

man i hate "modern" react what the hell would i use all of these even for??

[@awesome-coding]

😅