TechUI-React-Lite

Historical Version, Deprecated

TechUI-React-Lite is a brief and special branch in the history of TechUI.

It is a React replica of TechUI-Vue3-Lite. Around 2022, in order to explore the possibilities of different technology stacks and to verify the features of the React framework, the author developed this experimental component library. It shares the same design philosophy, functional limitations, and visual style as Vue3-Lite, but is built entirely on React + TypeScript.

A Technical Exercise

Unlike the deliberate planning of the TechUI-Vue series, the birth of React-Lite stemmed more from the author's personal technical curiosity.

• Learning Artifact: This was a practical drill project after the author systematically learned the React framework.
• Isomorphic Attempt: The purpose was to verify whether TechUI's architectural design (such as the adaptive engine and SVG rendering) could run smoothly under React's Virtual DOM mechanism.
• Experimental Nature: Since the main purpose was "verification" rather than "productization," this version did not undergo deep subsequent iterations.

Functions and Features

TechUI-React-Lite maintained 100% consistency with TechUI-Vue3-Lite in terms of functionality. This means it also inherited all the advantages and disadvantages of that period:

Tech Stack Differences

• Vue Version: Vue 3 + Vite
• React Version: React 17/18 + TypeScript + Vite

Same "Lite" Restrictions

As a member of the Lite family, it was also subject to artificial commercial protection restrictions:

• Component Stripping: Contained only about 50% of basic SVG border and decoration components.
• Adaptive Lock: The built-in React adaptive container (<TuiAdaptive>) only supported "Uniform Scaling" mode, not supporting stretching or viewport dragging.
• Forced Popup: Inherited the annoying design from Vue3-Lite—a forced Alert prompt "Current is TechUI Free Version" on first screen load.

Status and Conclusion

TechUI-React-Lite is now in an Archived state.

With TechUI 3.0 establishing the ecosystem route centered on Vue 3 (Base + Admin + Scifi + Prime), the React branch has been formally abandoned due to high maintenance costs and not being the author's primary tech stack.

Why is there no React version of TechUI 3.0?

TechUI's core advantages lie in the deeply customized TuiAdaptive engine and WASM modules. Maintaining the underlying logic, which relies heavily on the Vue reactivity system, for two sets (Vue + React) simultaneously is unrealistic for an independent developer. To ensure delivery quality, we chose to focus our energy on polishing the Vue ecosystem.

Migration Suggestions

If you have followed or used TechUI-React-Lite, we suggest you:

1. Switch to Vue Ecosystem: The current @techui/prime and @techui/scifi represent the complete form of TechUI, with an experience far exceeding the old React experiment.
2. Find Alternatives: If you must use React, it is recommended to find other React visualization libraries in the community, as TechUI currently no longer provides official React support.