【聊】我个人眼里的ReactJs生态系统

时间:2022-04-27
本文章向大家介绍【聊】我个人眼里的ReactJs生态系统,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

大家好,今天是周末,写篇短一些的文章,简单的聊一聊Reactjs的生态结构。

所谓某个前端框架的生态结构,其实意思就是说,某个前端框架有许多事情自己做不了,需要安装一大堆其它的东西。这一大堆东西和这个框架的关系,就是所谓的“生态系统”。呵呵,我发现这几年前端圈里越来越会造词儿了。

明明是自己功能不够,需要安装一堆这那的东西,叫“生态系统”;只不过是浏览器加载、创建一些dom节点,起个名叫“生命周期”;无非是对function的再封装,起个名叫“自定义指令”,。。。

花花轿子人抬人。好吧,你说生态系统,那就生态系统。

<!-- -->

首先第一个 React Router,路由,这个东西做单页必备。其实本质就是操作浏览器的location.href,根据不同的url获得不同的值,然后更新同一个页面中的指定的容器内容。

目前看来,Router是ReactJs里最常用的路由解决方案了。

<!-- -->

然后是Redux,这东西应该是2016年前后推出的吧,它的出现直接导致了FLux的没落。不过对我是好事,至少免了我学习Flux的麻烦。

我看网上说它是负责应用状态管理的。说的很高大上,后来我才想明白,在ReactJs里的状态就是各种“值”。然后把它们保存在一个独立的地方,再搞一些公共方法去操作。

这不就是个大全局变量,里面放了个对象嘛。还是说我理解错了?应该没错嘛。

一个事件里面是{type:xx123},把它从父组件传递到子组件,子组件触发事件,就dispatch这个type了,然后reducers里面就得到了xx123,大概是这个套路嘛。

不就是把组件之间的值传递改为组件之间的事件传递,然后这些事件操作一个全局变量里面的值?我应该没理解错吧。

<!-- -->

最后,祝大家周末愉快。