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
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.
@@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
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.
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 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?
@@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 RUclips or Twitter clone. tiktok.com is built with Next.js.
Good job simplifying the whole explanation 🙌, this new experimental feature it's really exciting!
Best way to finish this year: Watching this amazing video
Thanks Lee ❤️
That's my note at 08:36 ... "Awesome Work" ... I was the one testing it 😁
Happy New year
Well done! I'm looking forward to concurrent mode when it eventually (hopefully) gets released.
This reminds me of the functionality of laravel called Render Sections for rendering one section of a template using Ajax, a long time ago.
Awesome video Lee!
Awesome content! Keep up the good work :)
Thanks for sharing! Very informative and to-the-point :)
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
Great explanation!
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.
Double check on what framerate your camera is set and shutter speed. try setting fps to 24 and shutter speed to 1/50
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.
@@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
so when this feature will be applied with no risks?
No specific date yet, still experimental!
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.
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.
@@leerob Thanks Lee for clearing up huge doubt.
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!
Hey there! Yeah, there's been some big updates in the world of server components since this first video.
nextjs.org/13
Awesome 👍
Excellent 💗
So cool.. when we likely to get this in Nextjs?
No specific date yet, still experimental!
noob here. does this mean React will be able to replicate everything I can do with Django?
A better comparison with Django would be Next.js. Check it out -> nextjs.org/
@@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?
@@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 RUclips or Twitter clone. tiktok.com is built with Next.js.
Just a minor nitpick, it's "et cetera," not "exetera."
bruh! next time try to use code images or slides like ....to explain, you are doing everything with more
camera just on your face