TechUI-React-Lite
历史版本,已废弃
TechUI-React-Lite 是 TechUI 发展史上一个短暂而特殊的旁支。
它是 TechUI-Vue3-Lite 的 React 复刻版本。在 2022 年左右,为了探索不同技术栈的可能性,同时也是为了验证 React 框架的特性,作者开发了这个实验性的组件库。它与 Vue3-Lite 共享相同的设计理念、功能限制以及视觉风格,但完全基于 React + TypeScript 构建。
诞生的背景 一次技术练兵
不同于 TechUI-Vue 系列的深思熟虑,React-Lite 的诞生更多源于作者个人的技术好奇心。
- 学习产物:这是作者在系统学习 React 框架后的实战演练项目。
- 同构尝试:目的是验证 TechUI 的架构设计(如自适应引擎、SVG 渲染)是否能在 React 的 Virtual DOM 机制下顺畅运行。
- 实验性质:由于主要目的是“验证”而非“产品化”,因此该版本并未进行深度的后续迭代。
功能与特性
TechUI-React-Lite 在功能上与 TechUI-Vue3-Lite 保持了 100% 的一致性。这意味着它也继承了那个时期的所有优点与缺点:
技术栈差异
- Vue 版:Vue 3 + Vite
- React 版:React 17/18 + TypeScript + Vite
相同的“Lite”限制
作为 Lite 家族的一员,它同样受到人为的商业保护限制:
- 组件阉割:仅包含约 50% 的基础 SVG 边框与装饰组件。
- 自适应锁死:内置的 React 自适应容器 (
<TuiAdaptive>) 仅支持 “等比缩放” 模式,不支持拉伸或视口拖拽。 - 强制弹窗:继承了 Vue3-Lite 中那个令人困扰的设计——首屏加载时强制弹出 Alert 提示“当前为 TechUI 免费版”。
状态与结局
TechUI-React-Lite 现已处于归档状态 (Archived)。
随着 TechUI 3.0 确立了以 Vue 3 为核心的生态路线(Base + Admin + Scifi + Prime),React 分支因维护成本高且非作者主力技术栈,已被正式放弃。
为什么没有 React 版的 TechUI 3.0?
TechUI 的核心优势在于深度定制的 TuiAdaptive 引擎和 WASM 模块。将这些重度依赖 Vue 响应式系统的底层逻辑同时维护两套(Vue + React),对于独立开发者而言是不现实的。为了保证交付质量,我们选择集中精力打磨 Vue 生态。
迁移建议
如果您曾关注或使用了 TechUI-React-Lite,我们建议您:
- 转向 Vue 生态:目前的 @techui/prime 和 @techui/scifi 代表了 TechUI 的完全体,体验远超旧版 React 实验品。
- 寻找替代:如果您必须使用 React,建议寻找社区其他的 React 可视化库,因为 TechUI 目前不再提供 React 官方支持。