我们好,我是Echa.
那时来撷取 Github 上 8 个很酷的 React 工程项目,期望能透过自学那些工程项目的源标识符,协助我们更快地认知 React,撰写更典雅的 React 标识符!
概要:
React Tetris: 白俄罗斯魔方Kutt.it: URL 延长器Win11 in React: Web 版 Windows 11JoL-player: 音频MP3Take Note: 讲义应用领域Fiora: 闲聊应用领域Todoist clone: 永古约省 TodoistJira Clone: 永古约省 Jira1. React Tetris
React Tetris 是两个采用 React、Redux、Immutable 制做的俄罗斯魔方格斗游戏。它是两个十分极好的 React 展枝工程项目,小小“魔方”却是有许多的技术细节能强化和雕琢。工程项目的非官方如是说中除了许多译者合作开发那个工程项目时的许多设想(英文),值得称赞先进经验。
Github:https://github.com/chvin/react-tetris
2. Kutt.it
Kutt 是两个当代的 URL 延长器,全力支持自开集。延长邮箱、管理工作镜像并查阅下载量统计数据信息。全力支持自开集名,设置镜像密码和描述,延长URL的私人统计数据信息,查阅、编辑、删除和管理工作镜像,RESTful API等。采用Node.js、Express、Passport、React、TypeScript、Next、Easy Peasy、styled-components、Recharts、PostgreSQL、Redis 等技术构建。
Github:https://github.com/thedevs-network/kutt
3. Win11 in React
制做那个开源工程项目的目的是期望采用 React、CSS (SCSS) 和 JS 等标准 Web 技术在 Web 上复制 Windows 11 桌面体验。译者大概花了两周的时间做出了那个网页版的 Windows 11,在浏览器上就能体验 Windows 11 系统的操作。
Github:https://github.com/blueedgetechno/win11React
4. JoL-player
JoL-player 是两个简洁,美观,功能强大的 React MP3。它透过了开箱即用的高质量 React 组件,采用 TypeScript 合作开发,提供完整的类型定义文件,全力支持国际化语言,强大的API和功能,并且全力支持React 18+版本。
Github:https://github.com/lgf196/JoL-player
5. Take Note
TakeNote 是一款 Web 讲义应用领域,它是两个没有数据库的静态站点,不会将讲义同步到云端。讲义会暂时保存在本地存储中,能以 zip 格式下载 markdown 格式的所有讲义。该应用领域全力支持搜索讲义、多光标编辑、镜像讲义、语法高亮、键盘快捷键、拖放操作、Markdown 预览等功能。
TakeNote 采用 TypeScript、React、Redux、Node、Express、Codemirror、Webpack、Jest、Cypress、Feather Icons、ESLint 和 Mousetrap 等技术创建。
Github:https://github.com/taniarascia/takenote
6. Fiora
Fiora 是两个有趣的开源闲聊应用领域程序。它是基于Node.js、React和socket.io技术合作开发的。它包含了后端、前端、Android 和 iOS 应用领域程序,全力支持 Windows / Linux / macOS 系统。该应用领域全力支持添加好友、群聊、设置主题、消息提醒、多种消息类型等。
Github:https://github.com/yinxin630/fiora
7. Todoist clone
Todoist clone 采用 create-react-app 作为基础构建,采用的技术是 React(自定义 Hooks、context)、Firebase 和 React 测试库。除此之外,还采用 SCSS (CSS) 并遵循 BEM 命名方法来设置应用领域程序的样式。译者期望透过那个工程项目让人们更快地认知React。
Github:https://github.com/karlhadwen/todoist
8. Jira Clone
JIRA 是两个工程项目与事务跟踪工具,被广泛应用领域于缺陷跟踪、客户服务、需求收集、流程审批、任务跟踪、工程项目跟踪和敏捷管理工作等工作领域。而 Jira Clone 是采用 React 合作开发的 Jira 的简化版。与 Jira 一样,该工程项目也提供交互式用户界面,但标识符更简单。该工程项目是采用 React 以及 webpack、Node.js、ESLint、styled-components 和 cypress 构建的。该应用领域采用最新的 React 特性,例如带有Hooks的函数组件。此外,该工程项目还采用了几个自定义的轻量级 UI 组件,包括模态框和日期选择器等。
Github:https://github.com/oldboyxx/jira_clone