Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/v-poc/rui-next
React with Vite/Rsbuild Playground - Mobile web UI components - (react-hooks+vite5).
https://github.com/v-poc/rui-next
react-components react-hooks-ui react-ts-components react-ts-vite react-ui react-vite react18-vite5-ts react18-vite5-ts-ui rsbuild-react-ui rspack-react rspress-react-ssg rspress-react-ui rui rui-playground vite vite-react vite-react-hooks-ui vite-react-ui vite-rui vite5
Last synced: 3 months ago
JSON representation
React with Vite/Rsbuild Playground - Mobile web UI components - (react-hooks+vite5).
- Host: GitHub
- URL: https://github.com/v-poc/rui-next
- Owner: v-poc
- License: mit
- Created: 2022-06-14T17:25:58.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-15T07:59:27.000Z (5 months ago)
- Last Synced: 2024-09-15T10:51:36.862Z (5 months ago)
- Topics: react-components, react-hooks-ui, react-ts-components, react-ts-vite, react-ui, react-vite, react18-vite5-ts, react18-vite5-ts-ui, rsbuild-react-ui, rspack-react, rspress-react-ssg, rspress-react-ui, rui, rui-playground, vite, vite-react, vite-react-hooks-ui, vite-react-ui, vite-rui, vite5
- Language: TypeScript
- Homepage: https://v-poc.github.io/rui-next/
- Size: 2.14 MB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# rui-next (aka RUI.next)
[](https://www.npmjs.com/package/rui-next) 
> Yet another **lightweight** and **Vite-powered** Mobile web UI components based on **React hooks** and **Vite 5**.
## Overview
This is just one kind of playground to dev `react-hooks` based UI components based on `rspress`. Thanks to [`rspress`](https://github.com/web-infra-dev/rspress) that could support `React docs+demos` well.
- 📦 **Out of the box** - focus on component development and documentation
- 🧑💻 **Developer Friendly** - built-in syntax highlighting, embedding React components seamlessly
- ⚡️ **Lightweight and Fast** - lighter page weight, instant reloading (lightning-fast HMR) powered by [Vite](https://vitejs.dev), faster dev server start, hot updates and build
## Preview
Try [QR code playground](https://nikoni.top/rui-next/components/qr-code/index-en.html) to scan to access the examples on mobile/tablet device.
> react-hooks `docs+demos` playground based on [vite](https://vitejs.dev/config/).
## Status
- More UI components WIP based on React hooks.
## Project setup
Install dependencies (use package manager: [pnpm](https://pnpm.io/))
```bash
$ pnpm i
```
Start the dev server for [`docs-dev`](http://127.0.0.1:5173/rui-next/)
```bash
$ pnpm start
```
Build UI library
```bash
$ pnpm run build-lib
```
[`Library Mode`](https://vitejs.dev/guide/build.html#library-mode) output info
```
vite v5.4.2 building for production...
✓ 176 modules transformed.
dist/style.css 39.00 kB │ gzip: 7.69 kB
dist/rui-next.es.js 233.53 kB │ gzip: 69.61 kB
dist/rui-next.umd.js 153.99 kB │ gzip: 57.13 kB
✓ built in 760ms
```
Build documentation (docs+demos)
```bash
$ pnpm run build-docs
```
## Customize configuration
About vite, please check Configuration Reference - [vite](https://vitejs.dev/config/).
## License
