React95 教程：Windows 95 风格组件库

1. 项目介绍

React95 是一个基于 React 的组件库，它复刻了经典的 Windows 95 操作系统的界面风格。如果你怀念那个时代的 UI 设计，或者想要为你的现代应用程序添加一点复古风味，React95 可能是一个不错的选择。该项目提供了一系列 UI 组件，如按钮、输入框、菜单等，可帮助开发者轻松构建具有 Win95 风格的用户界面。

2. 项目快速启动

要开始使用 React95，首先确保你已经安装了 Node.js 和 npm。接下来，遵循以下步骤创建一个新的 React 应用并安装 React95：

新建 React 应用

npx create-react-app my-win95-app
cd my-win95-app

安装 React95

npm install @react95/core @react95/icons

引入组件到你的应用

在 src/App.js 文件中，引入所需的 React95 组件：

import { Button } from '@react95/core';
import { AddIcon } from '@react95/icons';

function App() {
  return (
    <div className="App">
      <Button icon={AddIcon}>新增</Button>
    </div>
  );
}

export default App;

运行应用

npm start

访问 http://localhost:3000 ，你应该能看到带有 Windows 95 风格的按钮。

3. 应用案例和最佳实践

React95 社区有一些很酷的应用示例，例如个人网站、作品集和实验室站点等。你可以从中获取灵感，并根据自己的需求调整设计和布局。参与贡献也是提升实践的好方式，可以通过提交 PR 或者提出组件建议来加入这个项目。

4. 典型生态项目

React95 生态系统包括一些配套包：

• @react95/core: 核心组件库。
• @react95/icons: 包含 Win95 风格的图标。
• @react95/clippy: 复制粘贴工具提示。
• @react95/design: 设计资源和指南。
• @react95/gatsby-theme: 用于 Gatsby 网站的主题。

此外，可以使用 styled-components 来定制样式，或与其他 React 工具集成以提高开发效率。

---

欲了解更多关于 React95 的信息，包括详细文档和如何贡献，请访问 项目官网。希望这个教程对你构建复古风的 UI 提供了帮助！