穿鞘的 React 库 , 产品质量十分的高. 提议每两个都点进来官方网站看看.
(chan不全力支持表单中的源文件 , 根本无法用此种一般文档了)
这首诗会始终稳步预览下来….
UI 模块库
⭐ Material-UI (MUI) : 当今世界第三 UI 模块库, 采用数目⭐ Ant Design / Ant Design Mobile – 穆萨 蚂蚁金服 ⭐ Chakra-UI⭐ Mantine⭐ react-bootstrap / reactstrap – 三个 Bootstrap 艺术风格的 React模块库 , 采用数目也十分多⭐ zarm – 众安 终端端模块库⭐ react-vant – 如前所述 Vant 式样的 终端端模块库PrimeFaces – 很多小厂都在用fluent-UI – 谷歌cloudscape-design/components – AWS (Amazon)react-spectrum – Adobering-ui– JetBrainssemi-design – 抖音arco-design – 二进制颤动TDesign – 百度nextui – 十分很漂亮的模块库⭐ radix-ui – 高效率的无式样模块库⭐ shadcn/uirsuitereact-mdheadless-uiblueprintOnsenUIgrommetVechai UISemantic-UI-Reactpaljs-uireact-desktopevergreenwebrixionic-framework – 终端端Kendo UI quark-design – 嘿 (终端端)zag
如前所述 TailwindCSS 的模块库
大部份架构都适用于, 能顺利完成大部分的市场需求
有一些是原生 Tailwind 大号代码块, 直接复制就能用在项目中.
daisyuimambauitailblockstailwindcomponentsflowbitelofiuikonstaTailwind-Elementstail-kitvechaiuiflowbite
模块模块
⭐ swiper – 超级牛x的 触摸滑块 / 轮播图 (适用于于大部份流行架构)⭐ react-spring– 十分强的动画库⭐Framer Motion – 动画库⭐ react-hot-toast – 十分不错的 Toast 库⭐ react-spinners – 炫酷的 loading 模块⭐ react-icons– 的IconsTanStack Ranger – 多范围滑块TanStack React-Charts – 图表material-react-table – MUI + React tableheroicons – tailwind 开源的 Iconsreact-live – 实时代码编辑和展示react-responsive-masonry – 瀑布流排列react-player – 视频播放器prism-react-renderer – prism 代码高亮diegomura-react-pdf / wojtekmaj-react-pdf – 三个 PDF 的库transition-hook – 动画库floating-ui – 浮动定位slate – 富文档draft-js – facebook 开源的 富文档react-photo-view – 两个十分不错的大图查看react-select – 选择框react-beautiful-dnd – 拖放react-dnd – 拖放react-grid-layout – 具有响应断点的可拖动和可调整大小的网格布局react-data-grid – 类似Excel的网格模块react-draggable – 拖动react-resizable-and-movable – 调整大小与拖动react-resizable – 调整大小react-resizable-box – 调整大小react-spaces – 全力支持 嵌套,调整大小,可滚动的布局react-dates – 终端端友好的日期选择react-big-calendar – 日期选择react-datepicker – 日期选择react-list – 无限滚动react-joyride – 创建 新手指引react-loading-skeleton – 骨架react-spinkit – loading 动画rheostat– 滑块qrcode.reactreact-archer – 在元素之间绘制箭头react-pdf-viewer – PDF 查看器react-parallax-tilt – 倾斜悬停效果react-tsparticles – 粒子动画react-accessible-accordion – 手风琴react-cookie – cookies react-slick – 走马灯nuka-carouselreact-device-detect – 检测设备react-colorful – 颜色选择器react-modal – 模态对话框cleave.js – 键入时格式化输入文档内容react-fontawesome – Font Awesome 5 react-advanced-cropper – 图像裁剪⭐ atropos – 十分牛X的3D视差悬浮有关库
⭐ TanStack Query(react-query) : 请求状态管理⭐react-router : 路由⭐ classnames : 拼接 className⭐ clsx : 拼接 className⭐ immer : Immutable (不可变数据)⭐ TanStack Table (react-table) : table 操作, 全力支持任何UI模块库swr : vercel 开源的 请求状态管理库TanStack Location : 路由react-virtuoso: 虚拟列表react-window : 虚拟列表react-virtualized : 虚拟列表TanStack virtual : 虚拟列表脚手架
⭐ Next.js:Vercel – 全力支持SSR SSG 等众多功能开箱即用的React顶级架构, 采用数目众多⭐docusaurus : Facebook – 文档网站生成 , 采用数目⭐ Gatsby⭐ remix⭐ Vitenextra: 如前所述Next.js 的文档网站生成alita : 穆萨umi : 穆萨 ice : 穆萨zhangyuang/ssrcreate-react-app : React 官方脚手架razzleastro : SSG 全力支持多个流行架构rakkasjs : 类 Next.jsBlitz.js : 如前所述 Next.js 的两个全栈架构modern.js : 二进制颤动 现代web工程体系 元架构套件ionic-framework: 将 web 套壳 到 安卓/ ios / electroncapacitor : ionic 底层的架构 , 对 web 进行套壳 (ionic团队为了自主可控, 摆脱 cordova, 而做的架构)⭐ cordova : 比较知名的架构, web 套壳到 安卓/ios/桌面 ( 经过测试 APK最小能打包出 1M 多点 )状态管理
⭐ mobx⭐ zustand⭐ valtiojotaireduxrecoilressolegend-state
表单库
⭐ react-hook-form : 高性能的表单验证库⭐ react-final-form : 当今世界巨头都在用的 React 高性能表单库FormikFormily : 穆萨react-formformsy-reactuniforms
CSS in JS
⭐ emotion⭐ styled-componentsgriffel : 谷歌goober: 只有 1kb 的 css in js 库
