设计语言与研发框架 配套生态,让你快速搭建网站应用 设计价值观 确定性、意义感、生长性、自然 设计指引 全局样式、设计模式 组件库 Ant Design of React / Angular / Vue Ant Design Mobile Ant Design 移动端 UI 组件库 AntV 全新一代数据可视化解决方案 ...
Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库 海兔 全新一代图形化解决方案 Kitchen 一款为设计者提升工作效率的 Sketch 工具集 ...
随着React hooks、Vue composition API 的推出,或许组件库有了新的突破点。 Ant Design 4.0 的一些杂事儿 - VirtualList 篇 在React 中,我们常说不太需要关注性能问题。然而作为组件库,这些事你就不得不考虑一下。 设计语言与研发框架 设计价值观 这是Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐...
AntD,即Ant Design,是一款由阿里巴巴团队开发的React UI框架。它遵循Ant Design设计规范,提供了一套丰富、高质量的React组件,帮助开发者快速构建出符合设计规范的用户界面。AntD具有高度的可定制性和可扩展性,可以根据项目需求进行灵活调整,满足各种场景下的UI需求。二、AntD的特点 遵循Ant Design设计规范:AntD严格...
Ant Design 是蚂蚁集团对外开源的一套 UI 设计,官方有针对这套设计的 React 实现,即 Ant Design of React,也就是我们熟知的antd,主要用于研发企业级中后台产品,社区也有一些基于其他框架的实现。 官网地址:https://ant.design/docs/react/introduce-cn ...
在现代前端开发中,React作为一款高效且灵活的JavaScript库,已经成为了构建用户界面的首选。为了进一步提升开发效率与用户体验,我们常常会引入一些强大的工具和框架,如Ant Design(一套企业级UI设计语言和React组件库)、React Router(用于实现SPA中的路由管理)以及Less(一个CSS预处理器,增强样式编写能力)。本文将详细介绍如...
dva 是 React 应用框架,将React-Router + Redux + Redux-saga三个 React 工具库包装在一起,简化了 API,让开发 React 应用更加方便和快捷。 简单理解: dva = React-Router + Redux + Redux-saga 链接:https://www.jianshu.com/p/d6c097ca6d8a
Ant Design of React antd(🔊 如何发音?)是基于 Ant Design 设计体系的 React UI 组件库,适合企业级中后台产品与前台桌面网站。 + importReactfrom'react'; import{DatePicker}from'antd'; constApp=()=>{ return<DatePicker/>; }; exportdefaultApp;...
npm install-g create-react-app 1.2 使用脚手架创建项目: 代码语言:javascript 复制 create-react-app antd-start-demo antd-start-demo为项目名。 1.3 启动 代码语言:javascript 复制 npm start 2.npm转换为yarn 2.1 安装yarn: 代码语言:javascript ...
1 npm install -g create-react-app yarn 成功! 三、创建React项目antd-demo1 继续在cmd命令窗口输入: 1 create-react-app antd-demo1 (因为之前已经创建过一个antd-demo,此处的antd-demo1是项目名称) 如上图,则创建成功! 四、引入Ant Design组件库 cmd命令进入项目根目录: 1 yarn add antd 如图引入成功!