Ant Design of React(官方) Ant Design of Angular(社区实现) Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库
Ant Design React 致力于提供给程序员愉悦的开发体验。 在开始之前,推荐先学习React,并正确安装和配置了Node.jsv16 或以上。官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识,并且已经完全掌握了 React 全家桶的正确开发方式。如果你刚开始学习前端或者 React,将 UI 框架作为你的第一步可能不是最好的...
Awesome Ant Design 定制主题 成为社区协作成员 非React 的实现 我们采用 React 封装了一套 Ant Design 的组件库,其他语言的 UI 实现可以参考此处。 谁在使用 Ant Design 广泛用于国内外的企业级网站搭建,可以查看wappalyzer作为参考数据。如果你的公司和产品使用了 Ant Design,欢迎到这里留言。
随着React hooks、Vue composition API 的推出,或许组件库有了新的突破点。 Ant Design 4.0 的一些杂事儿 - VirtualList 篇 在React 中,我们常说不太需要关注性能问题。然而作为组件库,这些事你就不得不考虑一下。 设计语言与研发框架 设计价值观 这是Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐...
前端React系列七:ant-design-pro架构 前端React系列八:ant-design-pro辅助开发命令 前端React系列九:Umi简介 前端React系列十:Umi环境变量 前言 Ant Design Pro 是一个完整的前端解决方案,专为企业级中后台应用而设计。它基于 Ant Design 设计语言,采用 React 技术栈,并集成了 UmiJS 和 Dva 等工具。以下是对 Ant...
AntD,即Ant Design,是一款由阿里巴巴团队开发的React UI框架。它遵循Ant Design设计规范,提供了一套丰富、高质量的React组件,帮助开发者快速构建出符合设计规范的用户界面。AntD具有高度的可定制性和可扩展性,可以根据项目需求进行灵活调整,满足各种场景下的UI需求。二、AntD的特点 遵循Ant Design设计规范:AntD严格...
前端React系列八:ant-design-pro辅助开发命令 前端React系列九:Umi简介 前端React系列十:Umi环境变量 前言 前文介绍了,如何结合React+CRA+TS+Ant Design高效地开发前端,但是对于习惯了基于开源解决方案进行开发的人来说,从零开始构建,肯定费时费力。 本文就来介绍一个开源的解决方案Ant Design Pro ,它是基于 Ant ...
1npm install antd @ant-design/icons 2# 或者使用Yarn 3yarn add antd @ant-design/icons 在你的React组件中引入Ant Design样式(推荐在入口文件index.js或App.js中引入): Jsx 1import 'antd/dist/antd.css'; // 引入Ant Design默认样式 2import { Button } from 'antd'; // 以Button为例,引入你所需...
基于Ant Design UI框架的React项目 概述 这款基于React开发的UI框架,界面非常简洁美观,在这篇文章中我主要为大家介绍一下如何用Ant开始搭建React项目 详细 一、安装webstorm + Noje.js(全局安装) 详细安装这里略过 二、全局安装create-react-app脚手架
使用React、TypeScript、Vite、Ant Design、Less、Zustand开发Chrome V3插件 一、使用Vite创建React项目 npm create vite@latest # npm yarn create vite # yarn pnpm create vite # pnpm 选择React和TS image.png 进入项目,并进行pnpm i安装node_modules ...