返回

如何抛弃脚手架，让 Facebook 为你维护 React 项目！

见解分享

引言

在 React 生态圈，脚手架是一个重要的工具，它可以快速启动项目，提供开发所需的基本设置。然而，随着时间的推移，维护脚手架成为一项艰巨的任务，尤其是当底层依赖项频繁更新时。本文将探讨如何摆脱脚手架，转而使用 Facebook 维护的 React 核心模块，从而简化开发流程并消除维护负担。

弃用脚手架的优势

  • 降低维护成本： 使用 React 核心模块，无需维护脚手架，节省了大量时间和精力。
  • 保持最新： React 核心模块由 Facebook 维护，始终保持最新状态，与最新版本的依赖项兼容。
  • 更轻量级的设置： React 核心模块只包含必需的依赖项，避免了脚手架带来的冗余。

使用 React 核心模块创建项目

  1. 安装必要的依赖项： 使用 npm 或 yarn 安装以下依赖项：

    npm install --save react react-dom

  2. 创建项目文件： 创建以下文件：

    index.html
index.js
package.json

  3. 在 index.html 中配置:

    <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

  4. 在 index.js 中编写代码：

    import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(<div>Hello World!</div>, document.getElementById('root'));

  5. 启动开发服务器： 运行以下命令：

    npx create-react-app --template=typescript
cd new-react-app
npm start

SEO 优化

结论

通过抛弃脚手架，转而使用 React 核心模块，开发者可以减轻维护负担，保持代码库的最新状态，并提升项目的整体性能。Facebook 的持续维护确保了 React 核心模块始终与最新技术兼容，为开发者提供了可靠和可持续的开发环境。