大家好,今天是周末,写篇短一些的文章,简单的聊一聊Reactjs的生态结构。
所谓某个前端框架的生态结构,其实意思就是说,某个前端框架有许多事情自己做不了,需要安装一大堆其它的东西。这一大堆东西和这个框架的关系,就是所谓的“生态系统”。呵呵,我发现这几年前端圈里越来越会造词儿了。
明明是自己功能不够,需要安装一堆这那的东西,叫“生态系统”;只不过是浏览器加载、创建一些dom节点,起个名叫“生命周期”;无非是对function的再封装,起个名叫“自定义指令”,。。。
花花轿子人抬人。好吧,你说生态系统,那就生态系统。
首先第一个 React Router,路由,这个东西做单页必备。其实本质就是操作浏览器的location.href,根据不同的url获得不同的值,然后更新同一个页面中的指定的容器内容。
目前看来,Router是ReactJs里最常用的路由解决方案了。
然后是Redux,这东西应该是2016年前后推出的吧,它的出现直接导致了FLux的没落。不过对我是好事,至少免了我学习Flux的麻烦。
我看网上说它是负责应用状态管理的。说的很高大上,后来我才想明白,在ReactJs里的状态就是各种“值”。然后把它们保存在一个独立的地方,再搞一些公共方法去操作。
这不就是个大全局变量,里面放了个对象嘛。还是说我理解错了?应该没错嘛。
一个事件里面是,把它从父组件传递到子组件,子组件触发事件,就dispatch这个type了,然后reducers里面就得到了xx123,大概是这个套路嘛。
不就是把组件之间的值传递改为组件之间的事件传递,然后这些事件操作一个全局变量里面的值?我应该没理解错吧。
最后,祝大家周末愉快。
领取专属 10元无门槛券
私享最新 技术干货