![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ant Design 实战教程(公测版)
小李科技
欢迎来到我的博客,一起学习与分享技术,欢迎交流
展开
-
AntDesign 实战教程 --------前言
前言开始学习欢迎来到《Ant Design 实战教程》。这本教程将从最简单的教起,让大家学会如何使用 Ant Design 组件库,然后逐渐深入,讲解如何开发一个包含多个复杂网页、用于实际生产的大型应用。这是 Ant Design 组件库的官方教程,由 Ant Design 开发团队负责编写。不管你是刚刚接触前端开发的新手,还是已经从事实际开发、希望尝试 React 技术...转载 2019-03-14 14:31:17 · 29896 阅读 · 1 评论 -
AntDesign 第一章(1) --------前端开发的演变
前端开发的演变本文介绍前端开发的历史和趋势,帮助大家了解 React 要解决什么问题。静态页面阶段互联网发展的早期,网站的前后端开发是一体的,即前端代码是后端代码的一部分。后端收到浏览器的请求 生成静态页面 发送到浏览器那时的前端页面都是静态的,所有前端代码和前端数据都是后端生成的。前端只是纯粹的展示功能,脚本的作用只是增加一些特殊效果,比如那时很流行用脚本控制页面上飞来飞去...转载 2019-03-14 14:31:28 · 1455 阅读 · 0 评论 -
AntDesign 第一章(2) --------初始化项目
初始化项目现在你已经了解了前端开发的基本概念,开始要进入实际项目了。这一节将教会大家如何初始化一个项目,开发出一个可以展示hello world的项目。这堂课程中的相关代码你都可以在https://github.com/ant-design/react-tutorial中拿到,当你无法参考文档完成你自己的代码时你可以以它作为一个参考。不过我们建议你尽可能的自己完成课程相关的代码,如...转载 2019-03-14 14:32:17 · 2336 阅读 · 2 评论 -
AntDesign 第一章(3) --------第一个组件
第一个组件上一节,我们写了一个页面组件。export default () => { return <div>hello world</div>;}页面插入这个组件以后,就会显示 Hello World 。但是,上一节并没有解释这段代码的含义,只是让大家照着拷贝。本节就来解释什么是组件,以及怎样写组件。这是 React 和 Ant Desig...转载 2019-03-14 14:32:56 · 687 阅读 · 1 评论 -
AntDesign 第一章(3) --------第一个组件
第一个组件上一节,我们写了一个页面组件。export default () => { return <div>hello world</div>;}页面插入这个组件以后,就会显示 Hello World 。但是,上一节并没有解释这段代码的含义,只是让大家照着拷贝。本节就来解释什么是组件,以及怎样写组件。这是 React 和 Ant Desig...转载 2019-03-14 14:32:43 · 907 阅读 · 0 评论 -
AntDesign 第一章(4) --------使用 Ant Design 组件
使用 Ant Design 组件通过前面的学习,你应该已经搭建完成了脚手架,并且了解了 React 的基本概念。这一节,我们就来教大家如何使用 Ant Design 组件库,完成一个卡片组件(card)。引入 antdAnt Design 是一个服务于企业级产品的设计体系,组件库是它的 React 实现,antd 被发布为一个 npm 包方便开发者安装并使用。在 umi ...转载 2019-03-14 14:32:01 · 6204 阅读 · 0 评论