Bee Mobile组件库重磅升级

Bee Mobile组件库重磅升级!

Bee Mobile组件库重磅升级!

Bee Mobile组件库最新 v1.0.0 版本,支持最新的 React v18。

主页:Bee Mobile

丰富强大的组件

一共拥有50多个组件,已为你需要在项目中使用的很多功能性组件做好准备。

移动预览

快速上手

npm

推荐使用npm的方式安装,它能更好地和 webpack 打包工具配合使用。

复制代码
npm install bee-mobile -S

CDN

目前可以通过 unpkg.com/bee-mobile 获取到最新版本的资源,在页面上引入js 和css文件即可开始使用。

复制代码
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/bee-mobile/dist/bee-mobile.min.css">

<!-- 引入组件库 -->
<script src="https://unpkg.com/bee-mobile/dist/bee-mobile.min.js"></script>

开始使用

复制代码
import React from 'react';
import {Button} from 'bee-mobile';

import 'bee-mobile/dist/bee-mobile.css';

const App = () => (
     < Button theme="primary">
               Hello World
     </Button>
);

create-bee-mobile

create-bee-mobile是一个命令行界面工具,它可以创建一个最基本的React项目。

技术栈

  • React
  • Typescript
  • Sass 预编译工具
  • bee-mobile 移动组件库
  • Webpack 构建工具
相关推荐
FungLeo2 天前
成为全栈·Next.js 网站前台篇·数据获取与缓存:60 秒再验证背后到底发生了什么
react·isr·next.js·成为全栈·react cache·opennext
liangshanbo12158 天前
React 性能瓶颈定位面试题——原理深挖版
react·performance·profiler
liangshanbo12158 天前
React 性能优化实战
性能优化·react
FungLeo8 天前
成为全栈·React 管理后台篇·按钮级权限:能力映射、菜单过滤与自锁保护
react·rbac·路由守卫·权限控制·前端权限·成为全栈
FungLeo9 天前
成为全栈·React 管理后台篇·评论审核工作流:把状态下拉改成可理解的动作
react·内容安全·状态机·交互设计·成为全栈·评论审核
liangshanbo12159 天前
React 状态持久化面试题——原理深挖版
react·状态持久化
liangshanbo12159 天前
Redux 的中间件(Middleware)的工作机制
中间件·react·redux
FungLeo10 天前
成为全栈·React 管理后台篇·Markdown 编辑器:预览、暗色主题与连续图片粘贴
图片上传·react·响应式设计·markdown编辑器·异步编程·成为全栈
FungLeo10 天前
成为全栈·React 管理后台篇·表单页范式:校验、数据回填与未保存保护
react·表单设计·zod·react hook form·成为全栈·数据回填
名字还没想好☜10 天前
React 文件上传实战:预览 URL 回收、多文件逐个进度与拖拽放置区踩坑
前端·react·next.js