标签 React 下的文章

Framework Webiny 基于AWS无服务器的开源CMS框架
项目
一、项目介绍 企业要做内容管理,SaaS CMS 贵且数据不在自己手里,自建又要从认证、存储、API 一路搭到部署,工程量大得劝退。你只想有一套开源、能自托管、弹性好的 CMS 框架,却被基础设施吓退。 Webiny 是一个开源、自托管的 CMS 框架,原生跑在 AWS serverless(Lambda、DynamoDB、S3)上。它用 TypeScript 写就,提供 GraphQL API、多租户、生命周期钩子,还带 MCP 服务器做 AI 辅助开发,面向大组织。
Framework Next.js 用于生产环境的React全栈框架
项目
一、项目介绍 用 React 做产品,最难的不是写组件,而是“上线要补的一堆事”:路由、服务端渲染、数据获取、构建优化、边缘部署。自己拼这些,等于在写框架而不是写业务,稍有疏忽就是性能与 SEO 双双翻车。 Next.js 是 Vercel 出品的 React 框架,把生产环境需要的服务端渲染、静态生成、文件路由、图像与字体优化、增量构建收敛成开箱即用能力。一个框架覆盖从首屏到部署的全链路,让团队把精力放回产品,而不是重复造渲染与构建的轮子。
Library react 构建Web与原生用户界面的库
项目
一、项目介绍 做前端,最怕两件事:界面状态一复杂就乱套,以及为了一个交互写一堆手动 DOM 操作。当年 jQuery 时代,数据和视图不同步是家常便饭,改一处要手动同步十处。你需要一种“描述界面长什么样,剩下的交给框架”的写法。 React 是 Meta 开源的 JavaScript 库,用来构建 Web 与原生用户界面。它用组件 + 声明式渲染:你写的是“在当前状态下界面应该是什么样”,React 负责高效更新真实 DOM。配合 React Compiler,连手动 mem...
Library kokonutui 基于shadcn的Tailwind组件注册表
项目
一、项目介绍 shadcn/ui 的「复制即拥有」理念很受欢迎,但官方注册表里的组件终究有限,想要更多精致、动效到位的交互组件,要么自己写,要么去网上东拼西凑、质量没保障。团队做产品界面时,常常卡在「基础组件有,亮点组件没有」。 Kokonut UI 是一个 shadcn/ui 注册表,提供一批用 Tailwind CSS 与 Motion 打造的精致组件(如滑动确认、动画卡片等),通过 shadcn CLI 一键加进你的代码库。它不发布成黑盒 npm 包,而是把组件源码直接...
Library next 阿里React企业级组件库
项目
一、项目介绍 React 生态组件库很多,但要做到「既适合大型中后台、又有完整设计体系、还能在浏览器里直接引 CDN 用」并不容易。很多团队在做阿里系或国内中后台项目时,需要一个经过大规模实战打磨、文档完善、和 React 深度集成的中文友好组件库。 Fusion Next(@alifd/next)是阿里巴巴出品的企业级 React 组件库,沉淀了阿里中后台的设计与工程经验。它提供按钮、表单、表格、穿梭框、日期选择等大量组件,既支持 npm 模块化引入,也支持直接用 scri...
Library lobe-ui 为AIGC应用打造的React组件库
项目
一、项目介绍 做 AI 聊天或 AIGC 类 Web 应用时,通用组件库往往不够「AI 原生」:消息流、会话、模型切换、Thinking 过程这些特有交互,要么自己拼,要么改得面目全非。设计语言也不够统一,和产品的 AI 调性对不上。 Lobe UI 是 LobeHub 开源的 React 组件库,专为构建 AI 聊天与 AIGC Web 应用而设计。它提供一套现代、可主题化的 AI 原生组件,ESM only,需要 React 19 与 motion,配套文档甚至为编码 A...
Library animal-island-ui 可爱治愈风 React 组件库
项目
大多数组件库走的是严肃、中规中矩的企业风,当你想给产品一点温度、做面向年轻人的治愈系界面时,很难直接套用。自己从零画一套插画风组件又太耗时。 Animal-Island-UI 是一个用 React + TypeScript 写的轻量组件库,拥有原创的『小岛』治愈系设计语言,图标、动画、布局都从零手绘。它内置 40 多个组件并遵循 WAI-ARIA 无障碍规范。
Library react-native-ui-lib React Native 跨平台 UI 组件与工具集
项目
React Native 开发者经常要为 iOS 和 Android 各自调整样式、配色和间距,缺少一套能统一管理的设计系统。每次新页面都重复写 Colors、Typography、Spacings,时间一长代码里到处是魔法数字。 react-native-ui-lib 由 Wix 团队维护,提供了一整套 UI 组件与设计令牌(design tokens)管理体系。你先 load 一套基础令牌,后续所有组件自动跟随主题,改一处配色全站生效。
Library primitives 无样式可访问React组件原语库
项目
一、项目介绍 做设计系统最尴尬的处境之一,是既要保证无障碍(键盘导航、ARIA、焦点管理),又希望样式完全自己掌控。很多现成组件库把样式和交互逻辑焊死,想改品牌风格就得和默认样式反复搏斗。 Radix Primitives 选择了另一条路:它只提供行为正确的无样式组件原语,对话框、下拉、弹出、标签页、开关等,所有交互、可达性、键盘支持都帮你处理好,但外观完全交给你。配合任意 CSS 方案或 Tailwind,你能搭出既合规又独特的设计系统。
Framework react-admin 基于React的后台管理界面快速搭建框架
项目
一、项目介绍 不少团队一做后台就陷入重复造轮子:列表页、表单、增删改查、权限、分页,每一个管理模块都在抄差不多的代码。等意识到应该抽公共组件时,项目已经堆了几十个几乎一样的页面。 React-Admin 把后台管理抽象成了一组约定:你只需要声明资源(Resource)和对应的列表/编辑/创建组件,框架就自动补上路由、数据 Provider、乐观更新、过滤、撤销等能力。它是构建在 React 之上的前端框架,不绑定特定后端,通过 data provider 适配任意 REST ...
Library material-ui React主流的Material Design组件库
项目
React 项目里,UI 一致性是最容易被拖垮的一环:每个人写的按钮、表单、弹窗都不太一样,最后产品像拼凑的。MUI(Material UI)把 Google 的 Material Design 落成一套高质量 React 组件,主题、无障碍、暗色模式都打包好,让你直接拿去用,把精力省到业务上。它是 React 生态装机量最大的组件库之一。 对要做产品级界面、又不想在样式上反复造轮子的团队,MUI 的价值是「规范即默认」:接入即用的一套设计语言,配合主题系统还能在不破坏一致性...
Framework expo 用React构建跨端原生应用的框架
项目
想用一套代码同时上 Android、iOS 和 Web,过去意味着在原生、React Native、前端三套技术栈之间反复横跳。Expo 把这条路线拉直了:它是一套开源框架,让你用 React 和 JavaScript 写一次,就能跑到三大平台。它还配套了 EAS(Expo Application Services)做构建、发布与迭代,把原生开发的琐碎流程也承包了。
Template Open-Saas 免费开源的React全栈SaaS应用脚手架
项目
想做一个 SaaS 产品,写完登录注册就要接支付,接完支付要配邮件,还要搭管理后台、埋点分析、写文档博客,真正属于你产品的那部分功能还没开始动。从头搭一遍这套基础设施至少两周,买商业模板又要几百美元,而且代码质量不可控。 Open SaaS 是 Wasp 团队维护的免费开源 SaaS 脚手架,把这些基础设施一次配齐,并且明确宣布对 AI 编程工具友好——Claude Code、Cursor、Codex、OpenCode 都有配套的规则和技能,让智能体在它的项目结构里干活更不容...
SDK CopilotKit 为React等构建智能体原生应用
项目
“给应用加一个 AI 助手”听起来简单,真正落地却要处理状态同步、流式渲染、人在回路(human-in-the-loop)等一堆麻烦。CopilotKit 的野心是做一个横向层:让你的同一个智能体,既能驱动网页、也能驱动移动端、Slack、Teams。 CopilotKit 是构建“智能体原生(agent-native)”应用的头部 SDK,提供生成式 UI、共享状态与人在回路工作流,覆盖 React、Angular、Vue、React Native,以及 Slack 和 M...