使用Ant Design for React 心得

一直以来我有一个疑问,技术发展太快不清楚现在前端开发发展到什么程度了,我前段时间还一直手写前端html5+css+javascript原生代码(现在姑且叫原生web代码),后来发现现在大家开发前端都用一些前端UI库,组件化的编程让web页面开发速度成倍增长。但是对这些个UI库的熟练使用(什么程度叫熟练,一句话概括,你能自定义组件,碰到问题能找到入口去解决)是需要学习时间的。
然而我使用过很多WebUI库,都没有真正意义上的改变自己的开发效率,只是弥补了自己对视觉的不足而已...
自从了解到了React 刚开始的时候一脸懵逼。这React是个什么东西啊。经过两天的研究学习发现,这东西简直是个飞机引擎啊。facebook牛逼啊(省略几千感慨)
我摸摸索索的使用了解React,还是一言蔽之这玩意。React是一个完全使用javascript来构建前端应用的框架。它将前端变成了以最低限度来渲染html,将所有页面元素都使用javascript来进行渲染和管理。(我可以说我还没认识React的时候我也有这样做的想法吗?)
好了现在说说为什么React好,React现在的好,一部分还依托于nodejs的崛起。
nodejs估计大家都知道,它就是最近特别特别火的使用js去构建服务器端程序的技术。nodejs的特点就是处理大并发的优势很明显,因为人家利用了js的特性做了异步io
虽然不用nodejs写后台,但是由于nodejs搭建后台方便简单,这样用来开发前端web岂不是更加方便调试开发。nodejs下孕育而生了很多所谓的脚手架用来开发前端web。哇!真是琳琅满目应有尽有。
讲这么多应该回来讲讲蚂蚁金服的ant design了。这东西阿里出品也是很牛掰的,不过好像用的人不多。不知道为什么?
但是用过的人都不敢说不好。我用了之后简直觉得前端开发已经到了一种只要享受编程乐趣就行了的情况了(因为实在是方便快速且还很好看)
最后讲讲我自己使用这东西的心得。

本文重点在这:

前面都是废话,大家可以不用看。
antd提供很多组件,大家要求不高的可以直接拖来用。或者自己利用基础组件自己封装一些web页面模块
现在的重点在于使用antd自带布局系统用起来有多顺手
antd自带Grid24格栅格系统。我用这个直接做页面整体布局,这里结合css将每个布局点都写死大小。做到大小位置可控制。然后里面使用组件,组件就不需要使用设定长度,让它们去充满最外层的布局。这种是我现在最高效的开发方式
基本一个小时一个页面(以前起码一天一个页面。哈哈哈哈哈)

你可能感兴趣的:(使用Ant Design for React 心得)