React Server Components Explained: In depth tutorial.

React Server Components, Server Side Rendering - you might have heard about them or you might have used these techniques in frameworks like NextJS, Remix etc, but do you know how they work internally? I know I didn’t. In my latest video we will master these concepts in React by building a simple food recipe app together. #rsc #reactjs #webdevelopment Repo - https://github.com/gsen/rsc-scratch References: - https://github.com/reactwg/server-components/discussions/5 - https://github.com/reactwg/server-components/discussions/4 - https://www.youtube.com/watch?v=F83wMYl9GWM - https://medium.com/@roggc9/rsc-ssr-rcc-react-client-components-implementation-from-scratch-e96ba0d6e1b4 Timeline: 0:00 Intro 1:07 Project structure and setup 1:49 Creating an express server 4:28 What is JSX 8:22 SSR 17:27 Implementing components 21:57 Server Components 43:45 State management with SSR & RSC 1:14:25 React client components 💰 If you'd like to buy me a coffee, that would be wonderful, thanks! - https://www.buymeacoffee.com/gaurav.sen ► Blog: https://gauravsen.codes/blog ► Web development Mentorship - https://gauravsen.codes ► Join my daily.dev squad - https://dly.to/DLXFGse7Q8x Find me here👇🏼: ► https://www.instagram.com/gaurav.sen_ ► https://twitter.com/gaurav_sen_ ► https://www.linkedin.com/in/gauravs3n