10 things you should know about Component composition in Nextjs
You will learn 10 things you should know about Component composition in Nextjs
Blog: https://dev.to/thatanjan/10-things-yo...
0:00 Intro
0:30 What is component composition and obvious pattern
1:55 1. Client component inside server components
3:00 2. All components are client components under a parent client component
5:00 3. No server component inside client components
6:45 4. Server component as a prop to the client components
9:05 5. Keep the server only code to server components using 'server-only' package
11:25 6. Pass server data to client components
12:25 7. Share data between server components using a single request
13:10 8. No browser api or react hooks in server components
13:30 9. Third party packages that use browser api in server component
14:30 10. Move client components down the tree
15:50 Outro
Contacts:
Email: [email protected]
Portfolio: https://thatanjan.vercel.app/
Blog: https://cules-coding.vercel.app/
Linkedin: / thatanjan
Github: https://github.com/thatanjan/
Twitter: / thatanjan
Blogs you might want to read:
Eslint, prettier setup with TypeScript and react: https://www.culescoding.vercel.app/bl...
What is Client-Side Rendering?: https://www.culescoding.vercel.app/bl...
What is Server Side Rendering?: https://www.culescoding.vercel.app/bl...
Everything you need to know about tree data structure: https://www.culescoding.vercel.app/bl...
13 reasons why you should use Nextjs: https://www.culescoding.vercel.app/bl...
Videos you might want to watch:
Setup Eslint Prettier with Typescript and React -Nextjs, Create React App: • Setup Eslint Prettier with Typescript and ...
Setup and deploy fullstack application on Vercel and Render: • How to setup and deploy fullstack(MERN) ap...
Auth0 basics with Next.JS: • Auth0 basics with Next.JS | Add Google, Gi...
Upload images from React and Node: • How to upload images from React with Node....
Chakra-UI crash course: • Chakra UI crash course | React UI Framework
Next auth crash course: • Next Auth Basics tutorial | Add Google, Gi...
Build a small search engine with MongoDB: • Build a blog using #JAMstack #5 - Build a...
Playlists you might like:
Next.Js tutorials: • Nextjs tutorials
Build a blog using JAMstack: • Build a blog using JAMstack #1 - Intro & S...
Quick tricks: • Access COOKIES in NextJS from server side....
Crash course: • Redux toolkit crash course. Everything you...
How-to videos: • Setup Eslint Prettier with Typescript and ...
Clone Blue Origin Landing Page: • Blue Origin Landing page clone
Stay safe and good bye.