https://index.zshipu.com/geek001/tags/React/ Recent content in React on 知识铺的博客 Hugo -- gohugo.io zh-CN Fri, 04 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260904/React-%E4%B8%AD%E5%9F%BA%E4%BA%8E-WebAssembly-%E7%9A%84-RTF-%E8%BD%AC-PDF-%E4%B8%8E-HTML-%E6%96%B9%E6%A1%88/ Fri, 04 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260904/React-%E4%B8%AD%E5%9F%BA%E4%BA%8E-WebAssembly-%E7%9A%84-RTF-%E8%BD%AC-PDF-%E4%B8%8E-HTML-%E6%96%B9%E6%A1%88/ React 应用里基于 WebAssembly 的方案，可直接在浏览器把 RTF 文件转为 PDF 或 HTML，整个过程不调用任何后端接口。该实现无需服务器支持，数据全程留在客户端，适合报表导出和合同生成的实时处理场景。 WebAssembly 让 RTF 转换彻底摆脱后端依赖 传统 RTF 转换通常依赖服务器端库，比如 LibreOffice 或商业 SDK。开发者需要上传文件、等待处理、再下 https://index.zshipu.com/geek001/post/20260903/React-%E4%B8%AD%E5%9F%BA%E4%BA%8E-WebAssembly-%E7%9A%84-Word-%E8%BD%AC-HTML-%E5%AE%9E%E8%B7%B5%E6%96%B9%E6%A1%88/ Thu, 03 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260903/React-%E4%B8%AD%E5%9F%BA%E4%BA%8E-WebAssembly-%E7%9A%84-Word-%E8%BD%AC-HTML-%E5%AE%9E%E8%B7%B5%E6%96%B9%E6%A1%88/ React 环境中基于 WebAssembly 的方案能将 Word 文档直接导出为 HTML 并完成打包，这一做法让内容发布和在线预览场景摆脱了对后端转换服务的依赖。实际应用中，该方法针对网页展示需求做了专门优化，减少了格式转换中的信息损失。 主流 JS 方案在 React 项目中的样式还原短板明显 在内容发布和网页展示场景中，开发者最常遇到的问题是 Word https://index.zshipu.com/geek001/post/20260902/Redux-%E5%B9%B6%E4%B8%8D%E6%AF%94-Context-API-%E6%9B%B4%E5%A5%BD%E5%AE%83%E4%BB%AC%E8%A7%A3%E5%86%B3%E4%B8%8D%E5%90%8C%E9%97%AE%E9%A2%98/ Wed, 02 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260902/Redux-%E5%B9%B6%E4%B8%8D%E6%AF%94-Context-API-%E6%9B%B4%E5%A5%BD%E5%AE%83%E4%BB%AC%E8%A7%A3%E5%86%B3%E4%B8%8D%E5%90%8C%E9%97%AE%E9%A2%98/ Context API 仅解决 props 钻取问题 Context API 的核心作用是让数据在多个组件之间共享，而不需要手动把 props 一层层传递下去。这在 React 应用中很常见，尤其当组件树层级较深时，props drilling 会让代码变得难以维护。 通过 createContext 和 useContext，开发者可以把需要共享的值包裹在 Provider 中，下层任意组件直接消费这个值即可。信号中明确 https://index.zshipu.com/geek001/post/20260902/%E7%94%A8-ReactNode.js-%E5%92%8C-FFmpeg-%E6%9E%84%E5%BB%BA%E6%9C%AC%E5%9C%B0%E5%A4%9A%E9%9F%B3%E8%BD%A8%E8%A7%86%E9%A2%91%E7%A7%BB%E9%99%A4%E7%B3%BB%E7%BB%9F/ Wed, 02 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260902/%E7%94%A8-ReactNode.js-%E5%92%8C-FFmpeg-%E6%9E%84%E5%BB%BA%E6%9C%AC%E5%9C%B0%E5%A4%9A%E9%9F%B3%E8%BD%A8%E8%A7%86%E9%A2%91%E7%A7%BB%E9%99%A4%E7%B3%BB%E7%BB%9F/ 想从包含多条音轨的视频中移除不需要的音频，却不愿将大文件上传云端处理？这个用 React、Node.js 和 FFmpeg 构建的本地系统让所有操作都在本地完成，作者时隔四年后以此项目回归 dev.to 分享经验。 该项目直接针对用户常见的痛点：一部电影或剧集往往带有英语、西班牙语、评论音轨等多条音频，却只想保留 https://index.zshipu.com/geek001/post/20260901/react-bits%E9%85%B7%E7%82%AB%E5%8A%A8%E6%95%88%E4%B9%8B%E5%A4%96React-%E7%BB%84%E4%BB%B6%E5%BA%93%E8%BF%98%E8%83%BD%E6%8F%90%E4%BE%9B%E4%BB%80%E4%B9%88/ Tue, 01 Sep 2026 00:00:00 +0000 https://index.zshipu.com/geek001/post/20260901/react-bits%E9%85%B7%E7%82%AB%E5%8A%A8%E6%95%88%E4%B9%8B%E5%A4%96React-%E7%BB%84%E4%BB%B6%E5%BA%93%E8%BF%98%E8%83%BD%E6%8F%90%E4%BE%9B%E4%BB%80%E4%B9%88/ 一个页面效果先在社交平台或作品集中被看见，接着有人询问实现方式，随后出现一批相似代码片段。效果很快流传开来，但这些零散代码很少演变为可直接用于生产的 React 组件库。react-bits 的讨论指出，酷炫动效之外，组件库还需要提供更多才能满足中国开发者的实际需求。 零散代码片段无法支撑项目的 https://index.zshipu.com/geek001/post/20240723/2024%E5%B9%B4%E7%8E%B0%E4%BB%A3Web%E5%BC%80%E5%8F%91%E7%BB%88%E6%9E%81%E6%8C%87%E5%8D%97React%E4%B8%8ENext.js%E5%AF%B9%E6%AF%94--%E7%9F%A5%E8%AF%86%E9%93%BA/ Tue, 30 Jul 2024 11:33:08 +0000 https://index.zshipu.com/geek001/post/20240723/2024%E5%B9%B4%E7%8E%B0%E4%BB%A3Web%E5%BC%80%E5%8F%91%E7%BB%88%E6%9E%81%E6%8C%87%E5%8D%97React%E4%B8%8ENext.js%E5%AF%B9%E6%AF%94--%E7%9F%A5%E8%AF%86%E9%93%BA/ [ 在快速变化的Web开发领域，挑选合适的工具对于项目的成功至关重要。JavaScript生态系统中，React和Next.js这两个佼佼者尤为突出。面对这两个选择，您可能会犹豫不决。本文将深入探讨React和Next.js的特性、优势、劣势及最佳应用场景，助您在2024年的Web https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8Next.js%E6%9E%84%E5%BB%BAReact%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E7%9A%84%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:24:53 +0000 https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8Next.js%E6%9E%84%E5%BB%BAReact%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E7%9A%84%E5%85%A5%E9%97%A8%E6%8C%87%E5%8D%97--%E7%9F%A5%E8%AF%86%E9%93%BA/ ← 首页 我一直使用 Create React App 来搭建 React 应用程序，我喜欢它。不过，最近我越来越多地使用 Next.js。它具有许多出色的功能，例如路由和服务器端渲染，为最终用户和开发人员提供了令人惊叹的体验。 Next.js 是一个 React 元框架，这意味着它是一个构建在 React 之上的框架，可以强制执行更多结构并为您提供额外的功能：如服 https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8Next.js%E6%9E%84%E5%BB%BA%E5%85%A8%E6%A0%88React%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:18:53 +0000 https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8Next.js%E6%9E%84%E5%BB%BA%E5%85%A8%E6%A0%88React%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F--%E7%9F%A5%E8%AF%86%E9%93%BA/ Next.js 是 vercel 开发的基于 React 的全栈框架，可以实现网页预渲染等功能。 与整个应用程序加载在客户端上的传统 React 应用程序不同，Next.js 允许在服务器上呈现网页，这对于性能和 SEO 非常有用。您可以在此处了解有关 Next.js 的更多信息。 布局组件：布局组件用于您想要在多个页面之间共享的网站部分，例如导航栏、页脚等。 https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8Next.js%E5%88%9B%E5%BB%BA%E5%8A%A8%E6%80%81Web%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:14:53 +0000 https://index.zshipu.com/geek001/post/20240507/%E4%BD%BF%E7%94%A8Next.js%E5%88%9B%E5%BB%BA%E5%8A%A8%E6%80%81Web%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F--%E7%9F%A5%E8%AF%86%E9%93%BA/ NextJS 是一个基于 React 的框架。它能够为 Windows、Linux 和 Mac 等不同平台开发漂亮的 Web 应用程序。动态路径的链接有助于有条件地渲染 NextJS 组件。 在 Next.js 中，页面是从页面目录中的 .js、.jsx、.ts 或 .tsx 文件导出的 React 组件。我们可以轻松地在 next.js 中创建不同的页面并在浏览器中访问它们，而无需使用路由器来 https://index.zshipu.com/geek001/post/20240507/%E5%A6%82%E4%BD%95%E5%90%AF%E5%8A%A8-Next.js-%E6%9C%8D%E5%8A%A1%E5%99%A8--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:13:53 +0000 https://index.zshipu.com/geek001/post/20240507/%E5%A6%82%E4%BD%95%E5%90%AF%E5%8A%A8-Next.js-%E6%9C%8D%E5%8A%A1%E5%99%A8--%E7%9F%A5%E8%AF%86%E9%93%BA/ 在本文中，我们将了解如何启动 Next.js 服务器。 Next.js 是一个基于 React 的框架。它能够为 Windows、Linux 和 Mac 等不同平台开发漂亮的 Web 应用程序。 如果您对 React 的经验很少，并且希望了解更多有关 React 生态系统的信息，那么您应该了解 Next.js 框架。 Next.js 包含其自己的下次启动服务器。在计算中，服务器是计算机程序或设备，为 https://index.zshipu.com/geek001/post/20240507/Next.js-%E7%AE%80%E4%BB%8B%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%B8%B2%E6%9F%93%E5%92%8C%E9%A1%B5%E9%9D%A2%E8%B7%AF%E7%94%B1%E7%A4%BA%E4%BE%8B--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:12:53 +0000 https://index.zshipu.com/geek001/post/20240507/Next.js-%E7%AE%80%E4%BB%8B%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%B8%B2%E6%9F%93%E5%92%8C%E9%A1%B5%E9%9D%A2%E8%B7%AF%E7%94%B1%E7%A4%BA%E4%BE%8B--%E7%9F%A5%E8%AF%86%E9%93%BA/ Next.js 基于 React、Webpack 和 babel。它是创建 Web 应用程序的绝佳工具，并以服务器端渲染而闻名。具备 HTML、CSS、JavaScript 和 React 知识的开发人员可以轻松学习并切换到 next.js。 注意：此安装用于自动安装，其中会自动创建文件夹和文件。 安装 Next.js：以下是安装 https://index.zshipu.com/geek001/post/20240507/Next.js-%E7%AE%80%E4%BB%8B%E5%9F%BA%E4%BA%8E-React-%E7%9A%84-Web-%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6--%E7%9F%A5%E8%AF%86%E9%93%BA/ Thu, 23 May 2024 01:11:53 +0000 https://index.zshipu.com/geek001/post/20240507/Next.js-%E7%AE%80%E4%BB%8B%E5%9F%BA%E4%BA%8E-React-%E7%9A%84-Web-%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91%E6%A1%86%E6%9E%B6--%E7%9F%A5%E8%AF%86%E9%93%BA/ Next.js 是一个基于 React 的框架。它能够为 Windows、Linux 和 Mac 等不同平台开发漂亮的 Web 应用程序。 如果您对 React 的经验很少，并且希望了解更多有关 React 生态系统的信息，那么您应该了解 Next.js 框架。 我们简单介绍一下 Next.js。 简介：Next.js基于react、webpack和babel。它是一个用 https://index.zshipu.com/geek001/post/20240507/Next.js-App-Router-%E6%A6%82%E8%BF%B0--%E7%9F%A5%E8%AF%86%E9%93%BA/ Tue, 07 May 2024 10:36:47 +0000 https://index.zshipu.com/geek001/post/20240507/Next.js-App-Router-%E6%A6%82%E8%BF%B0--%E7%9F%A5%E8%AF%86%E9%93%BA/ 应用路由器 Next.js App Router 引入了一种新模型，用于使用 React 的最新功能（例如服务器组件、Suspense 流式传输和服务器操作）构建应用程序。 通过创建您的第一个页面开始使用 App Router。 经常问的问题 如何访问布局中的请求对象？ 您故意无法访问原始请求对象。但是，您可以通过仅服务器功能访问 headers 和 cookies 。您还 https://index.zshipu.com/geek001/post/20240507/2024%E5%B9%B4%E6%9C%80%E4%BD%B3JavaScript%E6%A1%86%E6%9E%B6--%E7%9F%A5%E8%AF%86%E9%93%BA/ Tue, 07 May 2024 10:20:47 +0000 https://index.zshipu.com/geek001/post/20240507/2024%E5%B9%B4%E6%9C%80%E4%BD%B3JavaScript%E6%A1%86%E6%9E%B6--%E7%9F%A5%E8%AF%86%E9%93%BA/ 在寻找最佳 JavaScript 框架时，您会遇到大量选项，每个选项都有独特的优势和应用程序。 从前端、后端开发到测试，有大量的选择，这使得选择理想的 JavaScript 框架来满足您的需求变得具有挑战性。 根据 2023 年 Stack Overflow 开发者调查，JavaScript 连续第 11 年成为最常用的语言，有 54.45% 的人选择它。 它受欢迎的主要原因是 JavaScript 用途广泛 https://index.zshipu.com/geek001/post/20240424/Next.js-14React%E5%BC%80%E5%8F%91%E8%80%85%E7%9A%84%E6%96%B0%E5%AE%A0%E4%B8%8E%E5%85%A8%E6%A0%88%E6%A1%86%E6%9E%B6%E7%9A%84%E5%B1%80%E9%99%90%E6%80%A7--%E7%9F%A5%E8%AF%86%E9%93%BA/ Wed, 24 Apr 2024 11:28:05 +0000 https://index.zshipu.com/geek001/post/20240424/Next.js-14React%E5%BC%80%E5%8F%91%E8%80%85%E7%9A%84%E6%96%B0%E5%AE%A0%E4%B8%8E%E5%85%A8%E6%A0%88%E6%A1%86%E6%9E%B6%E7%9A%84%E5%B1%80%E9%99%90%E6%80%A7--%E7%9F%A5%E8%AF%86%E9%93%BA/ Next.js是React开发者的新宠，凭其性能、SEO友好性和前后端一体化能力受青睐。Next.js14支持全栈开发，包括服务器端渲染、API路由等。但需注意学习曲线、局限于React和服务器端渲染的复杂性。与Express.js相比，各有优势，选择取决于项目需求和偏好。 摘要由