โจ Next.js overhauled their routing system to be the first heavy user of server components.
โก๏ธ The new Next.js app router improves productivity and simplifies the architecture of projects.
๐ The new model allows components to fetch their own data on the server and cache it for efficient rendering.
Next.js App Router allows for faster content rendering and a better development experience by deduping requests and enabling server-side mounting of components.
Server components can be mounted as children of client components, allowing for powerful composition without access to the client-side context.
The new model in Next.js provides simpler and more reliable solutions, with a wider surface of features that are easier to use and less prone to errors.
๐ The new model in Next.js App Router simplifies component encoding and provides a better overall experience.
โฉ Loading and streaming are improved in the new model, allowing for better user experiences.
๐ฆ The use of client and server in Next.js App Router allows for selective loading of JavaScript and improves performance.
๐ The use of server components in Next.js App Router reduces the need to load unnecessary data in JavaScript bundles.
๐ซ The term 'use client' in Next.js App Router is misleading and could be better named as 'use interactive.'
๐ก Using the 'useClient' function in Next.js App Router signifies the need for JavaScript and interactivity in a component.
โ ๏ธ Async components in Next.js App Router can be problematic, and it is recommended to avoid using them for now.
๐ App Router in Next.js includes a new hook called 'useTransition' for easier navigation experiences.
โ๏ธ Compatibility issues arise with server components in Next.js App Router, affecting the integration of libraries like React Query.
๐ Using Next.js App Router as a better router for managing components and rendering
๐๏ธ Challenges with file-based routing and the benefits of a more organized syntax
โณ The impact of cold starts on user experience and the limitations of server-side props
๐ The performance of the Next.js App Router is highly praised, resulting in incredible performance and snappy user experience.
๐ง However, the developer server performance in Dev mode is currently lacking, especially on less powerful machines, which causes delays and hinders productivity.
๐ฅ There are also concerns about the lack of clarity and branding issues around the new app router, causing confusion for users upgrading to newer versions of Next.js.
๐ The video discusses the new features and advancements in Next.js, including support for app router, server components, and server actions.
๐ก These new features are pushing web development towards a new era and a potential 'React 2.0' vision, but there is confusion in distinguishing between the different components and their relationships.
๐ Despite some drama and confusion, the speaker highly recommends using app router as it has been a great experience and is seen as the first step into the future of web development.
ูุชุงุฉ ู ู ุงูุญุฑูุฉ ุงููุณููุฉ ุชูุงุฌู ู ุญู ุฏ ุญุฌุงุจ ูู ู ุณุงุฆู ุฎุงุฏุดุฉ ููุญูุงุก
50 Important Phrasal Verbs to Become Fluent in English + Test
Elissa & Saad Lamjarred - Min Awel Dekika [Official Video] (2022) / ุงููุณุง ูุณุนุฏ ูู ุฌุฑุฏ - ู ู ุฃูู ุฏูููุฉ
Top 10 Foods That DESTROY Your BRAIN
๐๐๐๐ ๐ฎ๐ฏ - The best and stupidest goals (Funny Moments๐ฅ).EXE
ChatGPT DAN Mode Unlocked ๐ ๐ฅ