I cant wait for this channel to get the recognition and awareness it deserves. I am speechless. Thanks for your awesome videos as always. Let's get this channel to 100K subscribers guys, to also help other developers find this content and help them out.
Your React js tutorial is helped me for clearing the one of the product based company. Thank you so much for your valuable time to teach us. Now i'm watching NextJS with more curios and Waiting for 'jest & RTL' unit testing playlist. I could say your a very good tutor. your explaining each and every concepts, neat and clear & crisp to understand easily.
Thankyou bro, i have read next and react documentation but i got a frustated, and then i just read you article in freecode, you explain is very amazing bro
It is a great explaination about the server side component. After seeing this it looks promising to use that. At the same time a question is coming to my mind. As now a days, most of the applications make call based on the user logged in. They need to pass token to ensure the correct user and authoriazarion level. That is part is still not clear as we removed that layer in server side component. Probabely it will be clear when we will this more in application.
Hey Gagan, Thanks! Please start using it. Your use case is very much possible with the server-side components, and in fact, it is now possible in a much more secure way than ever, as those API Keys and secrets never passed over wires with the server components. I want to correct one thought process there if you don't mind me doing it! We haven't removed any layer there... we just saying now your components can directly interact with the server-side of things. I would suggest, you play around with RSC more, and I would be glad to discuss more with you as you unfold things! Cheers.
আমি লার্ন উইথ সুমিত এর রিঅ্যাক্ট এক্সিলারেটর কোর্সে আছি। এই কোর্সে এনরোল করে আপনাকে চিনেছি, আমি মনে করি এই কোর্স থেকে পাওয়া সবচেয়ে দামি বিষয় এটাই। আপনার চ্যানেলের মিলিয়নস অফ সাবস্ক্রাইবার হওয়া উচিত বলে মনে করি। সিনট্যাক্স শেখাই যায় কিন্তু কেন সেটা শিখবো, কেন কোড করবো, মেন্টাল মডেল ইত্যাদি এই বিষয়গুলো আমার চিন্তাভাবনা বদলে দিয়েছে। আপনাকে অসংখ্য ধন্যবাদ কমিউনিটিতে অবদান রাখার জন্য। আপনার ভালো ভালো কাজগুলো টিকে থাকুক এবং সামনে আরও আসতে থাকুক এই কামনা করি। ভালো থাকবেন, হয়তো অনলাইন দুনিয়া থেকে একদিন অফলাইন দুনিয়ায় আপনার সাথে দেখা হয়ে যাবে এই আশা ব্যক্ত করে আজকের মতো আসি।
I was not clear about what SSR and RSC were until I watched this video. It provided such informative content. Hats off for the effort. I can now go and start learning Next.js without having any doubts about CSR and SSR. Also, I am a subscriber now to this channel. :D
@@tapasadhikary Please create a Next.js tutorial playlist if possible. It would be more helpful, as I believe all the tutorials on RU-vid are a bit outdated, recorded when Next.js was in beta mode or when the App router wasn’t fully released.
Resourceful and in-depth explanations. Thank you so much for your initiative. Looking forward to going through with this playlist. Keep up the good work sir.
Sir I want to see in inspect that when you use a server components as props in an client component then does that server component renders in the browser in inspect. Please can you give example and show me . Also I really love your teaching style, I have seen all 39 videos of react from you and I have built a react application on e- commerce myself and deployed on render but I have some doubts , can I have some one on one time with you. Thanks in advance. I am in Dallas Texas, new enthusiast in web development. You’re just an awesome teacher. Thanks
Nice and very clear explanation. Please try to make a video about Server action. Currently, I am using it but there is a problem. To get the loading state, I have to use a react hook given by the Next JS. Therefore I have to use server action in a client component. It would be great if we can use the server action in the server component for progressive enhancement form in the real-world scenario. Anyway, your explanation of "server action" would be a great refresher on these new concepts.
one fo the best explaination by far on server component! Please attach the link to the demo code you have shown in the video. It would help us dig more into it. Thanks!
Just amazing... we are to much gratefully to you for your this video... 🤗 such a nice and easy way you explain those concepts are really amazing... & very much easy to understand... 👍 Thank you so much to creating video like these behind the screen for us... 💖
Bro, you just made my day! your explanation is fantastic! already subscribed. Btw bro, can i ask why in Next js 14 we make a provider as self tagging not wrap the child like the old version?? Before next js 14 const Layout = ({ children }) => { return ( {children} ); }; after next js 14 it came up like this: {children} The notable difference lies in the use of self-tagging, where children and other components are not explicitly wrapped inside the provider. Could someone provide more details about this? I'll apreaciate it!
Hey bro, I'm glad you liked the content and thanks a lot for the support and subscription ❤️ Coming to your question: Even with APP Router, we can very much wrap children in the provider. In fact, that's the use case. The providers are usually client components. So you can only use the server components as the prop children to it. I have recently created a video demonstrating it. I would like to request you to take a look: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kKJIBbuW5wk.htmlsi=mKHVoEmuEv6f6T9l Please check the section where I create the provider and use it in the layout. You can also find the code in the video description. Hope it helps.
Amazing content very helpful when learn nextJs app router. Just a quick question does nextJs automatically convert server component to client component if we use states or event handler?
Thank you! The answer to your question, No it doesn't. It will cry with error if you try to use hook, handlers, etc.. in a server component. The error will ask you to use the 'use client' directive to make a client component manually.
@tapas sir. I am happy to finish your react course here.. I am excited about your nextjs crash course. Thank you sir. I will watch your others videos after this one while waiting for nextjs. any advise from you what playlist shall i watch next?
Can we pass data from a server component to a client component? If yes then how is that data transferred to the client component? Is it done when client component is rendered? If so then there must be a network call to send this data to the client component.
It's a great question! Yes, you can pass data from the server components to the client component. But it is not like server components transfer the data to the client side for the client component to render. Rather Server sends the entire serializable React tree in a format that has two things: 1) The server components rendered to tags. 2) The client components turned to placeholders(along with their id, props, etc) When browser receives this serializable JSON like tree, it reconstructs the React tree so that everything renders on the browser. Here the client placeholders turns back into the components. Now the rendering takes place. I hope it is clear now.
@@tapasadhikary I see. But I didn't understand why React/Next doesn't allow components requiring click handlers to be rendered on server? React can render them on server and attach click handlers when hydrating components on client side.
@@DK-ox7ze because that cannot be the same function as the server component's code must stay on the server. Even if you re-create the function you would lose the scope in which the function was created on the server.
Let me help you. The natural progression is to start learning Nextjs App router and that's why this video is already part of the NextJS series. Feel free to take a look Full Stack with NextJS App Router ru-vid.com/group/PLIJrr73KDmRwz_7QUvQ9Az82aDM9I8L_8
Sir I want to see in inspect that when you use a server components as props in an client component then does that server component renders in the browser in inspect. Please can you give example and show me . Also I really love your teaching style, I have seen all 39 videos of react from you and I have built a react application on e- commerce myself and deployed on render but I have some doubts , can I have some one on one time with you. Thanks in advance. I am in Dallas Texas, new enthusiast in web development. You’re just an awesome teacher. Thanks
@@JourneyOfADesi done! I will explain that in a video soon. Thanks for acknowledging that my content helps you! We can connect on Topmate in a 1:1 call. If interested I shall share my topmate profile with you to book a mentoring slot. Thanks ☺️