antd(如何发音?)是基于 Ant Design 设计体系的 React UI 组件库,适合企业级中后台产品与前台桌面网站。 + ✨ 特性 🌈 提炼自企业级中后台产品的交互语言和视觉风格。 📦 开箱即用的高质量 React 组件。 🛡 使用 TypeScript 开发,提供完整的类型定义文件。
设计模式 组件库 Ant Design of React(官方) Ant Design of Angular(社区实现) Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库 ...
antd默认支持基于 ES modules 的 tree shaking,直接引入import { Button } from 'antd';就会有按需加载的效果。 自行构建 如果想自己维护工作流,我们推荐使用webpack或者vite进行构建和调试,可以使用 React 生态圈中的各种脚手架进行开发。 目前社区也有很多基于 antd 定制的React 脚手架,欢迎进行试用和贡献。
Ant Design是一套面向企业级开发的UI框架,视觉和动效作的很好。阿里开源的一套UI框架,它不只支持React,还有ng和Vue的版本,我认为不论你的前端框架用什么,Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。 官网地址:https://ant.design/index-cn 2.项目初始化 #安装脚手架工具 cnpm install -g c...
前端React系列五:React+CRA+TS+Ant Design高效开发前端 前端React系列六:ant-design-pro简介 前端React系列七:ant-design-pro辅助开发命令 前端React系列八:Umi简介 前端React系列九:Umi环境变量 前言 Ant Design 是一个企业级 UI 设计语言和 React UI 库,由阿里巴巴集团旗下的 Ant Financial 开发和维护。它旨在帮...
前端React系列一: React简介 前端React系列二: create-react-app简介 前端React系列三: TypeScript简介 前端React系列四:Ant Design简介 前端React系列五:React+CRA+TS+Ant Design高效开发前端 前端React系列六:ant-design-pro简介 前端React系列七:ant-design-pro架构 ...
react-start 基础知识 1.使用脚手架创建项目并启动 1.1 安装脚手架: 代码语言:javascript 复制 npm install-g create-react-app 1.2 使用脚手架创建项目: 代码语言:javascript 复制 create-react-app antd-start-demo antd-start-demo为项目名。
一、概述 由于项目需求的原因,要求对 ant-design的表格列宽进行可拖拽处理。但是,ant-design的最新版本已经没有相关的实例了(3.x版本有)。幸运的是,3.x版本的表格拖拽处理方法仍然可以使用,即集成 react-resizable 插件进行处理。 二、操作步骤 1. 安装组件 ya
这是一个遵循 Ant Design 设计体系的 React UI 库,用于构建由 AI 驱动的界面,一键接入智能对话组件与 API 服务。 Ant Design 团队工程师「偏右」将 Ant Design X 抽象地总结为: 团队介绍称,Ant Design X 构建了一套系统性的 AI 产品设计理论和方法 ——《RICH 设计范式》,它包含了四个设计要素: ...
随着React hooks、Vue composition API 的推出,或许组件库有了新的突破点。 Ant Design 4.0 的一些杂事儿 - VirtualList 篇 在React 中,我们常说不太需要关注性能问题。然而作为组件库,这些事你就不得不考虑一下。 设计语言与研发框架 设计价值观 这是Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐...