虽然学习了很多react的开发知识,但是等到上手实战的时候,还是不知从何入手。直接写css显的很繁琐,那么有没有更优雅的方式呢,这里我们就做一个见大的记录总结。
核心思想
react开发思想和客户端思想一致,也是搭建工程,拼接各种工具库,实现UI需求,对接数据,最后打包测试,发布部署即可。
唯一的区别在于,网页开发并不像客户端一样,有内置的UIKit框架,很多常用的UI控件,只能用 <div>
<li>
<h>
<p>
等标签 + css
样式自行实现,这样会很繁琐,所以网页开发通常会引入三方UI工具库,目前比较常用的有 ant
和 mui
。mui是谷歌开源的,相对来说,自由定制度跟高。 ant是蚂蚁开源的,生态相当完善,封装了更多的常用控件,开发效率更高。所以重点推荐使用ant
网页开发直接集成ant框架即可,使用ant可以像原生开发一样,方便的实现各种UI功能
ant
ant是开发UI的框架,如果你开发过flutter,应该已经习惯了flutter的布局模式和UI实现方式,使用ant基本布局思想跟flutter一致,很多布局思想,如 row,column,sapcer等都可以找到对应的控件
ant生态很完善,里面还有很多相当不错的脚手架,后期熟悉后可以不用自己搭建脚手架,直接使用生态里的脚手架,脚手架内置集成了路由,状态管理,UI,网络,打包测试等常用功能
路由
待补充
网络
axios是react网页开发中常用的网络库
更多细节待补充