@w.ui/wui-react
Advanced tools
Pro React Admin 是一款基于 React v19 的高性能、企业级中后台前端解决方案。深度整合 RBAC 动态权限、KeepAlive 缓存、多标签页与 AI 智能助手。提供开箱即用的国际化、暗黑模式、Mock 数据与 E2E 测试体系，助力开发者快速构建稳健、安全的 SaaS 平台与数据可视化系统。
KeepAlive 缓存机制（采用 CSS 显隐策略替代 DOM 移动，大幅减少重排），配合 useTransition 实现丝滑的 Tab 切换与交互响应。useSafeNavigate 防越权跳转，保障系统安全。ProTabs 多页签切换，状态持久化保持，支持右键菜单（关闭其他/关闭所有/刷新）。src/components 独立打包为 NPM 库 (@w.ui/wui-react)，提供 ESM/UMD 格式，支持按需加载与类型提示。pro-react-admin/
├── src/
│ ├── actions/ # Redux/Action 相关
│ ├── assets/ # 静态资源
│ ├── components/ # 业务组件
│ ├── config/ # 配置文件
│ ├── hooks/ # 自定义 hooks
│ ├── i18n/ # 国际化
│ ├── mock/ # Mock 数据
│ ├── pages/ # 页面模块
│ ├── reducers/ # Redux Reducer
│ ├── routers/ # 路由配置
│ ├── service/ # 请求与服务
│ ├── store/ # 状态管理
│ ├── styles/ # 全局样式
│ ├── theme/ # 主题相关
│ ├── utils/ # 工具函数
│ ├── App.tsx # 应用入口
│ └── index.tsx # 渲染入口
├── public/ # 公共资源
├── tests/ # 测试用例
├── docs/ # 文档
├── scripts/ # 脚本
├── api/ # Mock API 服务
├── ...
git clone https://github.com/wkylin/pro-react-admin.git
cd pro-react-admin
npm install
npm run dev
KeepAlive 实现，支持 React 19 <Activity> (Offscreen) 原生冻结，降级模式采用 CSS 显隐替代 DOM 移动，大幅减少重排ProTabs 切换引入 useTransition，交互响应更流畅；global-loader 移除逻辑优化，消除首屏白屏与卡顿KeepAlive 支持 HMR 热更新，开发调试状态不丢失useSafeNavigate/SafeLink 封装，防止越权跳转@w.ui/wui-react 组件库构建流程，支持 Vite Library Mode 打包 ESM/UMD 格式。standard-version 版本管理与 NPM 发布脚本，支持 Scoped Package 发布。vite.config.lib.ts，配置路径别名 (@assets, @hooks 等) 与外部依赖，确保构建产物纯净。欢迎 PR、Issue 与 Star！
git checkout -b feature/xxxgit commit -m 'feat: 新增 xxx 功能'git push origin feature/xxxApache-2.0 © wkylin
白泽，中国古代神话中的瑞兽。能言语，通万物之情，知鬼神之事，“王者有德”才出现，能辟除人间一切邪气，可令人逢凶化吉。
本项目取名"白泽"，寓意作为开发者的瑞兽，帮助您辟除配置烦恼，逢凶化吉，快速启动高质量项目。
Baize CLI 是一个轻量、规范且高效的前端项目脚手架工具，旨在帮助开发者快速搭建基于 React、Vue 等现代框架的标准化项目结构。
> npm install -g baize-cli
> baize
brew install nginx
brew reinstall nginx
/usr/local/var/www
/usr/local/etc/nginx/nginx.conf
/usr/local/etc/nginx/servers/
brew services list
brew services start nginx
brew services stop nginx
brew services restart nginx
Nginx.conf
server {
listen 8081;
#server_name localhost;
server_name www.pro.react.admin.com;
# 静态资源
location / {
root /usr/local/var/www/pro-react-admin;
index index.html index.htm;
try_files $uri $uri/ /index.html @rewrites;
expires -1;
add_header Cache-Control no-cache;
# proxy_pass http://localhost:3000;
}
# API代理
location /api/ {
proxy_pass https://api.example.com/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $scheme;
# 允许跨域配置
add_header Access-Control-Allow-Origin $http_origin;
add_header Access-Control-Allow-Methods 'GET, POST, PUT, DELETE, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
add_header Access-Control-Allow-Credentials 'true';
if ($request_method = 'OPTIONS') {
add_header Access-Control-Max-Age 86400;
add_header Content-Length 0;
add_header Content-Type text/plain;
return 204;
}
}
location @rewrites {
rewrite ^(.+)$ /index.html break;
}
# 不缓存
location ~ .*(htm|html|json)?$ {
expires -1;
}
# 或者全部重定向
# return 301 https://$server_name$request_uri;
}
# SwitchHosts!
192.168.1.101 www.pro.react.admin.com
# 第一个目录的配置
# C:\nginx-1.27.5\html\var\www\html\
# location /html/ {
# root /var/www;
# index index.html index.htm;
# }
# 第二个目录的配置
# C:\nginx-1.27.5\html\var\www\static\
# location /static/ {
# root /var/www;
# index index.html index.htm;
#}
Nginx for Windows
1. start nginx
2. nginx -s stop
3. nginx -s quit
4. nginx -s reload
5. nginx -s reopen
npm run analyze:build
依赖分析
1. npm run js-analyzer
2. "standard": "standard src/\*_/_",
3. "standard:fix": "standard --fix src/\*_/_",
4. rm -rf package-lock.json
首先确认自己 git 拉取代码的方式
git remote -v
设置代理
git config --global https.proxy 127.0.0.1:10808
git config --global http.proxy 127.0.0.1:10808
git config --global http.proxy 'socks5://127.0.0.1:10808'
git config --global https.proxy 'socks5://127.0.0.1:10808'
查看代理是否成功
git config --get --global http.proxy
查看 git 配置
git config --global --list
取消代理
git config --global --unset http.proxy
git config --global --unset https.proxy
If you like the project, give it a star ⭐️, it will be a great encouragement to me.
FAQs
pro-react-admin components library
The npm package @w.ui/wui-react receives a total of 3,051 weekly downloads. As such, @w.ui/wui-react popularity was classified as popular.
We found that @w.ui/wui-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Security News
GPT-6 Astra hits 100% on ExploitBench and finds zero-days autonomously, while independent tests reveal scope violations and monitoring gaps.
Product
Socket can now send alerts and supply chain attack notifications to Microsoft Teams, with filters that route the right updates to each channel.
Security News
pnpm 12 rewrites the package manager in Rust, cutting install times by up to 90% while preserving pnpm 11 workflows and lockfiles.