https://bloglee.pages.dev/tags/react/ Recent content in React on Kevin's Blog Hugo zh Sun, 02 Mar 2025 00:00:00 +0000 https://bloglee.pages.dev/post/basics-of-nextjs/ Sun, 02 Mar 2025 00:00:00 +0000 https://bloglee.pages.dev/post/basics-of-nextjs/ <h2 id="use-client-指令">use client 指令</h2> <p>可以，简单总结就是：</p> <h3 id="use-client-是什么"><code>use client</code> 是什么</h3> <p>它是 Next.js 里的一个标记，表示：</p> <p><strong>这个组件要在浏览器端运行。</strong></p> <p>写了它之后，这个组件就变成 <strong>Client Component</strong>。</p> <hr> <h3 id="加了之后会怎样">加了之后会怎样</h3> <h4 id="1-可以使用浏览器相关能力">1. 可以使用浏览器相关能力</h4> <p>比如：</p> https://bloglee.pages.dev/post/basics-of-react/ Sun, 02 Mar 2025 00:00:00 +0000 https://bloglee.pages.dev/post/basics-of-react/ <h2 id="客户端渲染client-side-rendering">客户端渲染（Client Side Rendering）</h2> <h2 id="服务端渲染server-side-rendering">服务端渲染（Server Side Rendering）</h2> <h2 id="静态站点生成static-site-generation">静态站点生成（Static Site Generation）</h2> <h2 id="同构渲染isomorphic-rendering">同构渲染（Isomorphic Rendering）</h2> <h2 id="hydration">hydration</h2> <h2 id="react-server-component">React Server Component</h2> <ul> <li>服务器组件可以在构建时在 CI 服务器上运行一次，</li> <li>也可以使用 Web 服务器为每个请求运行。</li> </ul> <h3 id="可以不需要运行时服务器">可以不需要运行时服务器</h3> <p>只需要构建的时候有，就可以</p> https://bloglee.pages.dev/post/react-hydration/ Sun, 02 Mar 2025 00:00:00 +0000 https://bloglee.pages.dev/post/react-hydration/ <h2 id="什么是水合">什么是水合</h2> <p>React 中的 <strong>Hydration（水合）</strong> 是服务器端渲染（SSR, Server-Side Rendering）的关键步骤，它让静态的 HTML 内容在客户端“活起来”，变为可交互的动态应用。以下是详细解释：</p>