Awesome Ant Design 定制主题 成为社区协作成员 非React 的实现 我们采用 React 封装了一套 Ant Design 的组件库,其他语言的 UI 实现可以参考此处。 谁在使用 Ant Design 广泛用于国内外的企业级网站搭建,可以查看wappalyzer作为参考数据。如果你的公司和产品使用了 Ant Design,欢迎到这里留言。
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 of React(官方) Ant Design of Angular(社区实现) Ant Design of Vue(社区实现) AntV 全新一代数据可视化解决方案 Ant Design Pro 开箱即用的中台前端/设计解决方案 Ant Design Mobile 基于Preact / React / React Native 的 UI 组件库
Ant Design 5.0 使用 CSS-in-JS 技术以提供动态与混合主题的能力。与此同时,我们使用组件级别的 CSS-in-JS 解决方案,让你的应用获得更好的性能。 设计语言与研发框架 配套生态,让你快速搭建网站应用 设计价值观 确定性、意义感、生长性、自然 设计指引 全局样式、设计模式 组件库 Ant Design of React / Angula...
随着React hooks、Vue composition API 的推出,或许组件库有了新的突破点。 Ant Design 4.0 的一些杂事儿 - VirtualList 篇 在React 中,我们常说不太需要关注性能问题。然而作为组件库,这些事你就不得不考虑一下。 设计语言与研发框架 设计价值观 这是Ant Design 评价设计好坏的内在标准。基于「每个人都追求快乐...
📦 开箱即用的高质量 React 组件。 🛡 使用 TypeScript 开发,提供完整的类型定义文件。 ⚙️ 应用开发框架和设计工具配套。 🌍 数十个国际化语言支持。 🎨 基于 CSS-in-JS 的主题定制能力。 📦 安装 npm install antd --save yarn add antd ...
React+Ant Design实现CRUD Student.ts //学生对象exportinterfaceStudent{id:number,name:string, sex?:string, birthday?:string}//服务器返回的数据exportinterfaceResult<T> {code:number, msg?:string,data: T }//分页响应exportinterfacePageResp<T> {records: T[],totalRow:number}//学生查询条件export...
基于React和Ant Design的公用组件设计与封装 在现代前端开发中,React与Ant Design(以下简称AntD)是开发企业级应用的常用组合。公用组件的设计与封装对于提高开发效率、减少重复代码以及提升应用的可维护性至关重要。本文将围绕设计原则、组件拆分颗粒度、以及如何在React和AntD项目中进行公用组件的封装展开探讨。
但是在公司开发为了开发效率,我们往往也会选择一些非常优秀的第三方UI库,而AntDesign就是这样的一套优秀的UI组件库。 一. 认识AntDesign 1.1. AntDesign的介绍 ,简称是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。 AntDesign的特点: ...
AntD，即Ant Design，是一款由阿里巴巴团队开发的React UI框架。它遵循Ant Design设计规范，提供了一套丰富、高质量的React组件，帮助开发者快速构建出符合设计规范的用户界面。AntD具有高度的可定制性和可扩展性，可以根据项目需求进行灵活调整，满足各种场景下的UI需求。二、AntD的特点 遵循Ant Design设计规范：AntD严格...