美文网首页
【React】项目实战入门

【React】项目实战入门

作者: 24c41111e47b | 来源:发表于2024-11-07 11:34 被阅读0次

虽然学习了很多react的开发知识,但是等到上手实战的时候,还是不知从何入手。直接写css显的很繁琐,那么有没有更优雅的方式呢,这里我们就做一个见大的记录总结。


核心思想

react开发思想和客户端思想一致,也是搭建工程,拼接各种工具库,实现UI需求,对接数据,最后打包测试,发布部署即可。

唯一的区别在于,网页开发并不像客户端一样,有内置的UIKit框架,很多常用的UI控件,只能用 <div> <li> <h> <p> 等标签 + css样式自行实现,这样会很繁琐,所以网页开发通常会引入三方UI工具库,目前比较常用的有 antmui。mui是谷歌开源的,相对来说,自由定制度跟高。 ant是蚂蚁开源的,生态相当完善,封装了更多的常用控件,开发效率更高。所以重点推荐使用ant

网页开发直接集成ant框架即可,使用ant可以像原生开发一样,方便的实现各种UI功能

ant

ant是开发UI的框架,如果你开发过flutter,应该已经习惯了flutter的布局模式和UI实现方式,使用ant基本布局思想跟flutter一致,很多布局思想,如 row,column,sapcer等都可以找到对应的控件

ant生态很完善,里面还有很多相当不错的脚手架,后期熟悉后可以不用自己搭建脚手架,直接使用生态里的脚手架,脚手架内置集成了路由,状态管理,UI,网络,打包测试等常用功能

路由

待补充

网络

axios是react网页开发中常用的网络库

更多细节待补充


ant官网资料
脚手架umi

相关文章

网友评论

      本文标题:【React】项目实战入门

      本文链接:https://www.haomeiwen.com/subject/lpjxjjtx.html