https://github.com/imnotannamaria/learning-next-13

Learning App router and others Next 13 features
https://github.com/imnotannamaria/learning-next-13

approuter nextjs13 react

Last synced: 10 days ago
JSON representation

Learning App router and others Next 13 features

• Host: GitHub
• URL: https://github.com/imnotannamaria/learning-next-13
• Owner: imnotannamaria
• Created: 2023-10-26T16:50:46.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-27T16:51:49.000Z (over 1 year ago)
• Last Synced: 2025-05-17T07:08:53.164Z (about 1 month ago)
• Topics: approuter, nextjs13, react
• Language: TypeScript
• Homepage:
• Size: 203 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
Next 13 Fundamentals

  

  


    
"Pure" React VS SSR

    


      

    

  


  


    
Server VS Client Component

    
Server compontent = Static components refer to elements that do not involve user interaction.

    
Client compontent = JS needs to be sent to the browser/client.

    


      Hydration = Refers to the process of reactivating the functionality of a React application that has been pre-rendered on the server. Hydration is a critical step to ensure that client-side interactivity and functionality are ready as soon as the page loads. Put simply, hydration is the process of connecting the React components rendered on the server to interactive components in the browser. This enables a smooth transition between the initial server-side rendering and client-side interaction. The ability to efficiently hydrate the application is crucial to ensuring a responsive and dynamic user experience.

    

    


      Streaming = Read/write data partially.