概览：ReactTetris：TetrisKutt.it：URLshortenerWin11inReact：网页版Windows11JoL-player：视频播放器TakeNote：NoteapplicationFiora：聊天应用程序Todoistclone:CloneTodoistJiraClone:CloneJira1,ReactTetrisReactTetris是一款使用React、Redux、Immutable制作的俄罗斯方块游戏。是一个非常不错的React实践项目，在一个小小的“方子”里还有很多细节可以优化和打磨。在项目的官方介绍中，有作者在开发这个项目时的一些想法（中文），值得借鉴。Github：https://github.com/chvin/react-tetris。2.Kutt.itKutt是一个支持自定义域的现代URL缩短器。缩短URL、管理链接和查看点击率统计数据。支持自定义域名，设置链接密码和描述，缩短URL的私人统计，查看，编辑，删除和管理链接，RESTfulAPI等。使用Node.js，Express，Passport，React，TypeScript，Next，EasyPeasy构建，样式组件、Recharts、PostgreSQL、Redis等。Github：https://github.com/thedevs-network/kutt。3.React中的Win11做这个开源项目的目的是使用React、CSS（SCSS）和JS等标准Web技术在Web上复制Windows11桌面体验。笔者用了大约两周的时间制作了这个网页版的Windows11，大家可以在浏览器上体验Windows11系统的操作。Github：https://github.com/blueedgetechno/win11React。4.JoL-playerJoL-player是一款简洁、美观、功能强大的React播放器。采用开箱即用的优质React组件，使用TypeScript开发，提供完整的类型定义文件，支持国际语言，强大的API和功能，支持React18+版本。Github：https://github.com/lgf196/JoL-player。5.做笔记TakeNote是一款网页笔记应用，是一个没有数据库的静态站点，不会将笔记同步到云端。笔记暂时保存在本地存储，所有markdown格式的笔记都可以zip格式下载。该应用程序支持搜索笔记、多光标编辑、链接笔记、语法高亮、键盘快捷键、拖放、Markdown预览等。TakeNote是使用TypeScript、React、Redux、Node、Express、Codemirror、Webpack、Jest、Cypress、FeatherIcons、ESLint和Mousetrap等技术创建的。Github：https://github.com/taniarascia/takenote。6.FioraFiora是一个有趣的开源聊天应用程序。它基于Node.js、React和socket.io技术开发。包括后端、前端、Android和iOS应用，支持Windows/Linux/macOS系统。应用支持添加好友、群聊、设置主题、消息提醒、多种消息类型等。Github：https://github.com/yinxin630/fiora。7.TodoistcloneTodoistclone以create-react-app为基础构建，使用的技术有React（自定义Hooks、context）、Firebase和React测试库。除此之外，该应用程序还使用SCSS(CSS)并遵循BEM命名方法来设计样式。作者希望通过这个项目，让人们更好的了解React。Github：https://github.com/karlhadwen/todoist。8.JiraCloneJIRA是一个项目和事务跟踪工具，广泛应用于缺陷跟踪、客户服务、需求收集、流程审批、任务跟踪、项目跟踪和敏捷管理。而JiraClone是用React开发的Jira的简化版。与Jira一样，该项目也提供交互式用户界面，但代码更简单。该项目是使用React以及webpack、Node.js、ESLint、styled-components和cypress构建的。该应用程序使用最新的React功能，例如带挂钩的功能组件。此外，该项目还使用了几个自定义的轻量级UI组件，包括模态框和日期选择器等。Github：https://github.com/oldboyxx/jira_clone。
