Тёмный

React Server Components (with Next.js Demo) 

leerob
Подписаться 61 тыс.
Просмотров 35 тыс.
50% 1

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@oliverloops.
@oliverloops. 3 года назад
Good job simplifying the whole explanation 🙌, this new experimental feature it's really exciting!
@LauraBeatris
@LauraBeatris 3 года назад
Best way to finish this year: Watching this amazing video Thanks Lee ❤️
@agustinmaggi191
@agustinmaggi191 3 года назад
This reminds me of the functionality of laravel called Render Sections for rendering one section of a template using Ajax, a long time ago.
@HarryManchanda
@HarryManchanda 3 года назад
That's my note at 08:36 ... "Awesome Work" ... I was the one testing it 😁 Happy New year
@PeterKellner99
@PeterKellner99 3 года назад
Well done! I'm looking forward to concurrent mode when it eventually (hopefully) gets released.
@JohnArcher888
@JohnArcher888 3 года назад
Having worked with SSR I might assume that shipping all components in client bunle might be cheaper traffic-wise but more expensive on the first load. Honestly, with aggressive bundle splitting and lazy loading you don't have to have a huge budle you serve the clients on the first load. The chunks of routes and lower viewport components load lazily as soon as the whole page is scaffolded and there's data reusability there. Everything you serve from the server as raw html stream or jsx converted to what he showed here - don't forget there's a network penalty for that! Dan in his speech mentioned 23% bundle reduction, well, you'll download even more jumping from page to page eventually. Or not. Especially if you use a lot of hybrid components without client/server extension prefix - you'll pay twice for those. Faster initial pageloads (css sent from server?) and security concerns - probably yes. But I assume I'tll take a Next.js and such to set it up properly, rather than a freelance solo or a team of React middle devs struggling with putting all the pieces together correctly in the reality of current dev-community
@ApoorvMote
@ApoorvMote 3 года назад
Great video!! I have been seeing people saying DONT render private routes with SSR. Only render public routes with SSR. Is it true? Of course on private routes you don't care about SEO. But I do care about faster performance. Because you did render private todos from server components.
@leerob
@leerob 3 года назад
You can render private routes with SSR. Agreed that SEO doesn't matter if it's private, but the performance improvements are sometimes worth it.
@ApoorvMote
@ApoorvMote 3 года назад
@@leerob Thanks Lee for clearing up huge doubt.
@surabhisugandh
@surabhisugandh 3 года назад
Thanks for sharing! Very informative and to-the-point :)
@ThomazMartinez
@ThomazMartinez 3 года назад
Double check on what framerate your camera is set and shutter speed. try setting fps to 24 and shutter speed to 1/50
@leerob
@leerob 3 года назад
Yup, the flicker was driving me nuts on this, but I didn't want to re-record 😭 Gonna make sure this is fixed in the next one.
@ThomazMartinez
@ThomazMartinez 3 года назад
@@leerob it's also not for the flickering but for motion also, when you moved your hands noticed some jitters so could be that shutter speed did not match fps like 24 = 1/50
@arcosd63
@arcosd63 2 года назад
Hey Lee, I'm enjoying your videos, you're very thorough and well explained. Do you have current material because I just getting your videos from 2 years ago.. Thanks!
@leerob
@leerob Год назад
Hey there! Yeah, there's been some big updates in the world of server components since this first video. nextjs.org/13
@CarlosEnriqueDev
@CarlosEnriqueDev 3 года назад
Hi Lee, good video. could you helpme about doubt? i am doing some tests with nextjs an i have a doubt. I receive a post request with data json that from an external service when I upload some files. I listen the post request that they send me to my endpoint api within NextJs and I can see the data. But I can't pass this data to the client side, to change a state. How would you do it. Thanks for the help.
@vs599318026
@vs599318026 3 года назад
Awesome content! Keep up the good work :)
@giuliofagioli
@giuliofagioli 3 года назад
Awesome video Lee!
@FergusMeiklejohn
@FergusMeiklejohn 3 года назад
So cool.. when we likely to get this in Nextjs?
@leerob
@leerob 3 года назад
No specific date yet, still experimental!
@bushi4404
@bushi4404 3 года назад
Great explanation!
@rangabharath4253
@rangabharath4253 3 года назад
Awesome 👍
@nirvanzentinal
@nirvanzentinal 3 года назад
Excellent 💗
@iamdeveloper2580
@iamdeveloper2580 3 года назад
so when this feature will be applied with no risks?
@leerob
@leerob 3 года назад
No specific date yet, still experimental!
@chipdarip45
@chipdarip45 3 года назад
noob here. does this mean React will be able to replicate everything I can do with Django?
@leerob
@leerob 3 года назад
A better comparison with Django would be Next.js. Check it out -> nextjs.org/
@chipdarip45
@chipdarip45 3 года назад
@@leerob i mean does SSR really replace everything django has to offer? especially the model layer? can you build for example a youtube or twitter clone with Next? Optimally?
@leerob
@leerob 3 года назад
@@chipdarip45 Next.js !== SSR. You can do SSR with Next.js, but it's an entire framework for building React applications. Yes, you can build a RU-vid or Twitter clone. tiktok.com is built with Next.js.
@blizzy78
@blizzy78 3 года назад
Just a minor nitpick, it's "et cetera," not "exetera."
@surazsunny4203
@surazsunny4203 2 года назад
bruh! next time try to use code images or slides like ....to explain, you are doing everything with more camera just on your face
Далее
Do you REALLY need SSR?
18:15
Просмотров 173 тыс.
Why I’m Using Next.js in 2020
9:29
Просмотров 67 тыс.
10 common mistakes with the Next.js App Router
20:37
Просмотров 220 тыс.
React Server Components Change Everything
15:48
Просмотров 202 тыс.
Data Fetching with React Server Components
57:20
Просмотров 262 тыс.
Reflecting on React Server Components
26:33
Просмотров 45 тыс.
CSR, SSR, and SSG on NextJS
25:13
Просмотров 49 тыс.
Remix is a NEW JavaScript framework you MUST try
9:10
Просмотров 513 тыс.