Skip to content
/ rui-next Public

React with Vite/Rsbuild Playground - Mobile web UI components - (react-hooks+vite5).

License

Notifications You must be signed in to change notification settings

v-poc/rui-next

Repository files navigation

rui-next (aka RUI.next)

npm docs & demos react vite

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 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, faster dev server start, hot updates and build

Preview

Try QR code playground to scan to access the examples on mobile/tablet device.

react-hooks docs+demos playground based on vite.

Status

  • More UI components WIP based on React hooks.

Project setup

Install dependencies (use package manager: pnpm)

$ pnpm i

Start the dev server for docs-dev

$ pnpm start

Build UI library

$ pnpm run build-lib

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)

$ pnpm run build-docs

Customize configuration

About vite, please check Configuration Reference - vite.

License

license

MIT License