相关内容
React UI 组件库【uiw】发布
uiw react高品质的ui工具包，基于react 16+的组件库。 ? 为了表示支持，点击 阅读原文 搞点star，多多益善。? github: https:github.comuiw-reactuiw文档：https:uiw-react.github.io发布内容：uiw beta快速上手主题定制基本color 颜色layout 布局icon 图标button 按钮hotkeys快捷键表单form 表单radio 单选框...
一套基于 React 的 UI 组件库 React Suite v3.0 正式版
经历了三次大的版本更新后，累积了大量的组件和丰富的功能。 我们的目标：让所有的企业都可以定制化一套属于自己产品风格的组件。 react suite 是 hypers 前端团队和 ux 团队开源的一套基于 react 的 ui 组件库，能够帮助您快速构建一个企业级应用。 官网访问地址： rsuitejs.com特性标致的 ui。 灵活的设计，自由...
React常用的5个UI框架
ant.designdocsreactintroduce-cn github: https:github.comant-designant-designant design一套企业级 ui 设计语言和 react 组件库，基于ant design 设计体系的 react ui 组件库，用于研发企业级中后台产品，风格素雅简洁，喜欢的可以选择使用，目前在react技术栈领域使用的较为广泛，各种文档也比较齐全，遇到问题...
几款ReactJS最优秀的UI框架
上篇文章中写了流行的前端ui几大框架，发现大部分评价都是vue的ui组件库，从评论中得知漏掉了很多，也有人问react ui，自己就搜索总结下适应于reactjs的ui组件库。 一.material-ui ? material-ui是一款react组件库来实现google的material design风格ui界面框架。 也是首个react的ui工具集之一。 使用它可以快速搭建出...
react-04
# 1. 最流行的开源react ui组件库## 1). material-ui(国外) 官网: http:www.material-ui.com# github: https:github.comcallemallmaterial-ui## 2). ant-design(国内蚂蚁金服) 官网: https:ant.design github: https:github.comant-designant-design# 2. ant-design使用入门## 1). 使用create-react-app搭建react开发...
如何构建UI组件设计规范？
共享组件库shopify使用polaris设计系统，该设计系统包含一个内部反应组件库，旨在为使用shopify的商家创建更一致的体验。 airbnb使用共享组件库为其生产率带来了巨大飞跃。 5.png pinterest使用格式塔（gestalt），一个react ui组件库。 它“强化了pinterest的设计语言。通过执行一系列基本的ui组件来简化设计人员和...
从零开始学习React-引入Ant Design 组件（八）
react中使用antd教程文档： https:ant.designdocsreactgetting-started-cn介绍：antd 是基于 ant design 设计体系的 react ui 组件库,一个方便极速开发应用的插件 ，这些相当于帮我们封装了常用的组件，我们直接拿来用就行。? 步骤1：安装antdcnpm install antd --save? 2：全局css样式在react项目的css文件里面引入...
React PC端框架
并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。 组件化质量非常高，开箱即用。 支持浏览器、服务端渲染以及electron环境。 包括刚刚推出支付宝小程序也是这一套设计风格。 可谓国人开发react应用必修科目。 中文文档 | github地址 ? ant design2. material-ui一款react组件库来实现google的material design风格ui...
国际大厂如何创建UI组件设计规范？看这里
airbnb使用共享组件库为其生产率带来了巨大飞跃。? pinterest使用格式塔（gestalt），一个react ui组件库。 它“强化了pinterest的设计语言。通过执行一系列基本的ui组件来简化设计人员和开发人员之间的沟通..... “通过以上的实例不难看出，共享组件库是实现ui一致性的有效的工具。 在我看来，这种一致性不应该被...
React Native调用原生UI组件
从而能够使用那些react native没有为我们封装的原生组件。 为了方便讲解，我们选择第一个第三方库kenburnsview来讲解，kenburnsview是一个可以让图片在在页面移动或者放大缩小的库。 android原生组件封装1，继承simpleviewmanager，返回ui组件实例 首先，需要继承 simpleviewmanager 这个泛型类，和原生模块类似...
kg-ui基于hippy-react组件库设计和工程化思考
kgui.pages.oa.com 为什么要开发组件库呢？ 从业务角度：快速的业务迭代，组件有较多重复开发 共性的地方应该复用 从设计角度：体验不一致； 产品遵循一定规范性，保持产品一致性 从开发效率角度：效率低; 需要快速响应业务开发 从可维护性角度：可维护性差； 需要统一代码管理，不希望到处复制粘贴 ui组件库目标 ...
beeshell：开源的 React Native 组件库
总第286篇2018年 第78篇简介 beeshell 是一个 react native 应用的基础组件库，基于 0. 53.3 版本，提供一整套开箱即用的高质量组件， 包含 javascript（以下简称 js）组件和复合组件（包含 native 代码），涉及前端（fe）、ios、android 三端技术，兼顾通用性和定制化，支持自定义主题，用于开发和服务企业级移动...
基于react的组件库主题设计方案
在我们实现的hippy-react-ui中我们并没有提供打包的能力，而是把这部分移交到业务侧处理，原因是现在大部分业务发布时都会对业务进行打包处理，业务侧可能灵活设置打包配置内容，而不受限于组件库打包，另一方面是让业务侧使用组件时可以快速定位组件内部结构，方便排查使用过程中遇到的问题。 因此我们选用了以上第...
基于react的组件库主题设计方案
基于react设计与开发的组件库主题方案，以 hippy react 主题方案设计为例需求背景单一的视觉不再满足用户体验需求，为提高用户体验，提高应用体验口碑，同时提高开发者效率，我们希望提高组件库的可定制化，因此提供换肤功能以及多种类组件中的样式定制功能，允许用户将应用切换不同主题风格的皮肤，也允许开发者对...
基于create-react-app打包编译自己的第三方UI组件库
实现首先我是基于create-react-app来打包我们的ui库的，因为比较方便简单，当然我们也可以使用自己搭建的webpack来实现这一过程。 1.通过create-react-app快速启动一个项目： npx create-react-app alex_xucd alex_xunpm start2. 设计组件库目录结构我们在create-react-app创建的项目下的src目录下新建components...
6个常用的React组件库
我还特意省略了 css-in-js（如 styled-components 和 emotion）以及实用工具 css系统（如 tailwind），因为它们不是明确的“react 组件库”，而是用来制作组件的工具。 英文原文 https:maxrozen.comguide-to-component-ui-libraries-react...
开源React Native组件库beeshell 2.0发布
总第357篇 2019年 第35篇? 2018年，我们开源了react native组件库——beeshell 1.0。 时隔一年，我们对react native组件库继续优化，实现beeshell 2.0升级，开源38个功能。 希望更好的服务社区，同时也希望利用社区力量丰富react native组件库。 引言 随着 react native（以下简称 rn）技术的出现，大前端的发展趋势...
11个React Native 组件库和 Javascript 数据可视化库
react native 组件库1. nativebase? 超过 10k stars 和 1k fork，nativebase 是一个广受欢迎的 ui 组件库，它为 react native 提供了几十个跨平台组件。 当使用 nativebase 时，你可以使用任何现成的本地第三方库，并且项目本身围绕着它提供了丰富的生态系统，从有用的starter-kit到可定制的主题模板。 这是一个不错...
漫谈 React 组件库开发（二）：组件库最佳实践
还是抽象成 ui 组件或业务组件？ 显然后者更高效。 那么现在就面临一个选择：一是选择 react 生态中已有的组件库，例如 antdesign、material-ui 等比较成熟的组件库； 二是团队再开发一套属于自己的组件库。 有赞前端团队选择了后者，产出并开源了 zent ，zent 提供了一整套基础的 ui 组件以及常用的业务组件，目前...
从零开始构建自己的react组件库
前面已经讲过一些使用react创建组件库的方式，这次玩真的，从0开始。 创建组件项目 create-react-app react-ts-ui-demo--typescript样式系统文件的结构设计? 安装node-sass npm i node-sass -s定义全局样式 srcstyles_variables.scss$white:#fff ! default;$gray-100:#f8f9fa !default; $gray-200:#e9ecef ! default...
