前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【聊】我个人眼里的ReactJs生态系统

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

作者头像
web前端教室
发布2018-02-07 14:55:57
9560
发布2018-02-07 14:55:57
举报
文章被收录于专栏:web前端教室web前端教室

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

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

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

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

<!-- -->

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

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

<!-- -->

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

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

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

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

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

<!-- -->

最后,祝大家周末愉快。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-01-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档