React Server Components Change Everything

React Server Components Change Everything

Web Dev Simplified

5 месяцев назад

193,296 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@guseynismayylov1945
@guseynismayylov1945 - 01.02.2024 21:38

This is worse than PHP. Because in PHP, it was assumed that html was served by the backend. Here, it’s a separate server just for React Server Components. I never understood why do we need to keep separate our UI and back. It’s just adds up I/O cycles.

Ответить
@mauriciomdea
@mauriciomdea - 01.02.2024 06:09

It's so funny watching all you frontend developers realizing your mistake and going full circle full stack again lol

Ответить
@phed0r
@phed0r - 31.01.2024 21:21

So, Future of React is… Svelte?! Finally!!!

Ответить
@rodrigolaporte274
@rodrigolaporte274 - 31.01.2024 16:44

Hmmm and then you need to run a local server to be able to debug your server components, you need a more powerful machine for that. Then your code base is divided, you have potentially dumber FE stuff, this FE on server stuff and then the BE stuff, logic all over the place. Then the server needs to be extra powerful since it's going to process a bunch of stuff that was divided to each client before. Debugging? So much fun, does it run locally? Or on the server?
Then the next version of react will say "hey guys! Remember all that old server components? Well now you better do them on the client! It fres server resources and you dont need to run a local server to develop! How innovative we are!"

Ответить
@viet.khoaiegg
@viet.khoaiegg - 31.01.2024 16:04

Thanks!

Ответить
@thebigbigdaddy
@thebigbigdaddy - 31.01.2024 14:46

How would you perform CRUD functions in NextJS?

Ответить
@toutpt
@toutpt - 31.01.2024 00:12

No error management on the right?

Ответить
@ShamilBadalov-iu3uq
@ShamilBadalov-iu3uq - 30.01.2024 23:02

Welcome to 90th. We came back to PHP now. This is not a way guys, I'm telling you now.

Ответить
@ngprnk
@ngprnk - 30.01.2024 21:48

which font is that ?

Ответить
@aemde
@aemde - 30.01.2024 20:24

Sorry I’m disappointed with that video: it’s all about NextJS or basic React?

Ответить
@MichaelWestcott
@MichaelWestcott - 30.01.2024 14:14

Not really sure how it changes everything as this is the way web apps were built since forever using PHP/Java/Perl etc

Ответить
@HansMagnusNedreberg
@HansMagnusNedreberg - 30.01.2024 13:41

Came here for the php comments 😅

Ответить
@prohacker5086
@prohacker5086 - 30.01.2024 05:53

Your head moves way too much

Ответить
@DreanPetruza
@DreanPetruza - 30.01.2024 01:00

So it's just SSR? like what PHP has been doing for the last 25 years?

Ответить
@fwdflashwebdesign
@fwdflashwebdesign - 29.01.2024 22:16

COding is dead, AI is taking over!

Ответить
@lordvoldemort7692
@lordvoldemort7692 - 29.01.2024 21:49

I really love next js , ho w routes work how eaasy to write code , but maaaan why doesn't support websocket

Ответить
@LCRASW123
@LCRASW123 - 29.01.2024 19:40

Love the idea but come on let's be honest, the use client directive is so annoying. I'll wait for the ecosystem to find better ideas to jump into it

Ответить
@ElPolemista
@ElPolemista - 29.01.2024 14:41

Every UI should be on the frontend

Ответить
@ElPolemista
@ElPolemista - 29.01.2024 14:39

The new server side components are the old smarty templates.
LoL

Ответить
@laszlovitticeps
@laszlovitticeps - 29.01.2024 10:43

I had a taste of angular.. couldn't achieve my goals with it... then moved to react to try my luck: ended up at the same dead end... so VanillaJS all the time.. 💪

react and other frameworks are good (just like type script) for big tech companies.. where the people are coming and going, so these frameworks can provide a standardise way to have each 'engineer' replaceable overnight..

Ответить
@Tszyu01
@Tszyu01 - 29.01.2024 06:11

Coming from sveltekit and nuxt and not being able to in nextjs to put a button with on click on a server page was infuriating. It should be able to defer these illegal things until the page has loaded or be able to mark the button for only rendering after server portion has loaded without giving you an error. Basically any dynamic component using these properties force you to make everything use client, it’s unfortunate.

Ответить
@den9943
@den9943 - 29.01.2024 06:03

Your overview is full of optimism. Truly. Aggressive caching and the necessity to rid hooks completely bewilder me.

Ответить
@TeaBroski
@TeaBroski - 29.01.2024 02:19

Did you guys try it? Is it me or it's really slow, and your website ends up showing skeletons for seconds? Am I doing something wrong?
Do you find your vercel snappy? I don't honestly, hopeful to get some replies

Ответить
@seb67550
@seb67550 - 29.01.2024 00:32

Basically what we have with svelte.js

Ответить
@martinemsky
@martinemsky - 28.01.2024 23:53

ReactServerComponents - a feature that exists exclusively in the React-Vercel world.

Ответить
@ropurifiedwater
@ropurifiedwater - 28.01.2024 23:29

so react is returning to the OG way and letting go of all of the things it created slowly😅😅

Ответить
@nicolasguillenc
@nicolasguillenc - 28.01.2024 21:26

I am curious about state management now

Ответить
@parlor3115
@parlor3115 - 28.01.2024 18:11

How could this be a React feature if React apps used to be compiled into JS files and served by separate webservers like Apache or NginX?

Ответить
@prionkor
@prionkor - 28.01.2024 17:05

How does it change "Everything"?? What is the point of this title? Can you explain? It changes NOTHING! You still need to fetch data from frontend. Server components has its place but not needed everywhere.

Ответить
@filemonek123
@filemonek123 - 28.01.2024 10:29

front end guys rly do run in circles.

Ответить
@eobardthawne6903
@eobardthawne6903 - 28.01.2024 08:58

Angular: you were supposed to replace me, not become me

Ответить
@deepmane5845
@deepmane5845 - 28.01.2024 06:58

how to use redux in NextJs ? I want to clear my doubts can you make video on it ? client/server/redux how it works for big project?

Ответить
@pmanojkumar5260
@pmanojkumar5260 - 28.01.2024 05:43

Great video, what about the subscriptions? how to use them

Ответить
@MrVipulLal
@MrVipulLal - 27.01.2024 21:33

Your videos are always entertaining,to the point and useful. Thanks

Ответить
@nsrksreecharan
@nsrksreecharan - 27.01.2024 19:22

will it replace rtk queries ?

Ответить
@aribasiebel
@aribasiebel - 27.01.2024 19:05

Should not be combining await and .then within an async function. My 2 cents.

Ответить
@Dabayare
@Dabayare - 27.01.2024 18:41

React only attractive to ppl with ADHD or repetitive compulsive disorder. ITgey rewrite their apps once every year n good luck to the companies giving u such time n resources.

Ответить
@manhnguyenquoc399
@manhnguyenquoc399 - 27.01.2024 17:41

Really easy to understand, thank you so much

Ответить
@ujjwalgupta2890
@ujjwalgupta2890 - 27.01.2024 17:11

Instead of this we should use react query
it does all this things beautifully and it also provides us data for loading error
we should just make use of react-query on top of fetch in our react application

Ответить
@xxXAsuraXxx
@xxXAsuraXxx - 27.01.2024 14:18

React literally has no future at this stage honestly

Ответить
@mrnabby4178
@mrnabby4178 - 27.01.2024 13:07

I always use async await.

Ответить
@rlopez6636
@rlopez6636 - 27.01.2024 11:03

How do we put on click event on each todo in a server component then?

Ответить
@m-ok-6379
@m-ok-6379 - 27.01.2024 04:22

NUXT also handles server side very well

Ответить
@guilhermedaniel
@guilhermedaniel - 26.01.2024 23:37

the people from 200x using just Server Sites.
the people from 201x using just Client Sites.
the people from 202x using both.

Ответить
@mepramendra
@mepramendra - 26.01.2024 20:03

That's how i use to work

Ответить
@HasithRanasinghe
@HasithRanasinghe - 26.01.2024 19:21

Just Amazing! Thanks !!

Ответить
@timothyshiu2263
@timothyshiu2263 - 26.01.2024 19:03

Five years ago, I chatted with Dan about async component. He said won’t do it and it is not react way. Now they understand what I was talking about async component.

Ответить
@alexyermakov8674
@alexyermakov8674 - 26.01.2024 13:39

No interaction isn't the only downside of the approach, it's the deal breaker. I don't remember last time a had to just display some data

Ответить