国内外React之光!这五个开源项目你用过吗?

3,121 阅读3分钟

在Web开发领域,React凭借其高效、灵活的特性,成为众多开发者钟爱的前端框架。今天,就为大家精选五个React开源项目,它们功能强大,都通过git拉取源码到本地进行了安装和运行,而且深受社区欢迎,接下来,让我们一起探索这些项目的魅力所在。

一、 NiceFish-React

NiceFish(美人鱼) 是一个系列项目,目标是示范前后端分离的开发+部署模式。 前端有3个版本:浏览器环境、移动端环境、Electron 环境;后端有2个版本:SpringBoot 版本和 SpringCloud 版本。

这是 NiceFish 的 React 版前端界面,此项目采用纯 JSX 开发,没有使用 TypeScript 。NiceFish 提供了一个基于 SpringBoot 的服务端接口实现版本,参见:gitee.com/mumu-osc/ni…

NiceFish-React 在 GitHub Pages 上的演示地址(Mock 数据,无后端):**damoqiongqiu.github.io/NiceFish-Re…

图片

✍️用法:

打开你的命令行终端,执行以下命令:

git clone https://gitee.com/mumu-osc/NiceFish-React.git
cd NiceFish-React
npm i
npm start

✍️中文开发者: 网络原因,推荐安装 nrm 来管理 npm 的 registry。

npm i -g nrm
nrm use taobao

这时候用 npm 安装 node 模块就会使用 taobao 提供的 registry 了。

二、 React-big-screen

一个基于 React、Dva、DataV、ECharts 框架的 " 数据大屏项目 "。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局部样式、图表自由替换/复用等功能。

图片

React Hook 版本上线!采用 zustand 做全局状态管理

——gitee.com/MTrun/react…

Vue3 版本请点击这里查看,使用 Hooks+TypeScript 实现,全新内容等你探索!

——gitee.com/MTrun/vue-b…

Vue2 版本请点击这里查看,也很不错的(o ゚ v ゚)ノ

——gitee.com/MTrun/big-s…

三、 QuickRedis

QuickRedis 是一款永久免费的Redis可视化管理工具。 它支持直连、哨兵、集群模式,支持亿万数量级的key,还有令人兴奋的UI。QuickRedis支持Windows 、Mac OS X 和 Linux下运行。

QuickRedis 是一个效率工具,当别人在努力敲命令的时候,而你已经在喝茶。

✍️下载地址: gitee.com/quick123off…

✍️重要提示: mac 打开失败,提示 “已损坏,无法打开。您应该将它移到废纸篓。”则需要先执行命令:

sudo xattr-rd com.apple.quarantine /Applications/QuickRedis.app

✍️使用百度网盘下载:

Windows & Mac OS X & Linux :

pan.baidu.com/s/1z1kALlTL…

关注公众号:IT硅谷,后台回复 “aaa” 获取下载链接~

图片

四、 Win11React_CN

win11React 是一个开源项目,旨在使用 React、CSS 和 JavaScript 等标准 Web 技术在 Web 上复制 Windows 11 的桌面体验。

win11React_CN 是win11React的一个本土化项目,本项目为win11React提供近乎完整的中文翻译。欢迎你也参与到这个优秀项目的本土化工作当中!

图片

✍️特性:

开始菜单、搜索菜单和小部件

桌面和右键单击操作

侧边导航和日历视图

不同布局中的贴靠窗口

浏览器, 商店, 终端, 计算器

记事本、Vscode、白板

文件资源管理器 + 设置

拖动窗口和调整窗口大小

启动和锁定屏幕

主题和背景

多语言支持

、Jira Clone

它是现代React代码库的一个很好的实例。

网上有许多React展示/示例项目,但大多数都过于简单。这个代码库包含足够的复杂性,能够为各级别React开发者提供有价值的见解,同时仍然相对较易理解。

图片图片

✍️功能:

已验证的、可扩展且易于理解的项目结构

使用现代React编写,仅使用函数组件与钩子

多种自定义轻量级UI组件,如日期选择器、模态框、各种表单元素等

简单的本地React状态管理,无需redux、mobx或其他类似库

自定义webpack配置,不依赖create-react-app或类似工具

客户端使用Babel增强的JavaScript编写

API使用TypeScript和TypeORM编写

关注公众号:IT硅谷,回复 “333” 获取前2个项目链接,回复 “444” 获取后3个项目链接~