#react
7 篇相关文章
- 01↗
说说React16的生命周期
React16算是React诞生至今变化相当大的一个版本，在v16版本中陆陆续续新增/修改了很多地方。最新的release版本已经到了v16.8.4。 不管是平时工作还是自己学习都已经使用上了v16这个版本 这里就简单说一下v16里的生命周期(虽说是老生常谈，但仔细看文档还是发现了一些之前没注意、不怎么用的东西比如getDerivedStateFromProps和getSnap…
- 02↗
React Portal 小谈
最近在看ReactV16带来的新东西，V16版本直接支持了Portal。今儿就总结一下Portal这个自己不是那么熟悉却又非常重要的“传送门”吧。 先说说为什么需要传送门。React的世界一切皆组件，进行render就需要一个root根节点进行挂载。组件套组件一层一层，不过最外面一层都是挂在在这个root根节点上的。 有一个常见的需求Dialog(弹窗),通常它会显示在屏幕正中…
- 03↗
2018.7
上篇博文至今，又间隔了一个多月。其实这一个月自我感觉成长了不少，学到也用到了不少东西。一直懒于动笔拖到了七月的尾巴。 工作上 工作上正式开搞了一个新项目。前端这边React全家桶。React全家桶无非就那点东西，但这回确实收获了不少。最大的收获还是工程化和拆分这一块。之前自己写前端项目亦或是在无二写RN回头来看离工程化差的好远，这次的工作才真真切切感受到了什么是前端工程。 在这…
- 04↗
Redux-saga
公司的react项目，在管理异步action这一块，都用的是redux-saga这个中间件。之前自己在做项目/练习的时候，都是用redux-thunk这个比起saga轻量很多的解决方案。 这两天正好在学习和摸索redux-saga。顺便总结一下。 redux-thunk/redux-saga 首先redux-thunk和redux-saga都是redux的中间件，目的是解决re…
- 05↗
React杂记
（上海·凌空SOHO） React性能优化： 性能优化老生常谈，网上的文章也一大堆，自己总结一下，也做一个记录。 1）单组件：传递参数要少传，尽可能减少React在传递参数时候的负担。当然在使用数据的时候尽可能使用一份数据，而不是重新定义一份。 在使用 函数的时候： NG： 每次执行render函数的时候bind都会执行一次 比上一个好一点，但每次执行render的时候都会重新…
- 06↗
React Native学习--布局问题
最近一直闲暇时间一直在看RN。大概之前主要看Vue，对React只是了解的缘故。直接上RN，扑面而来一箩筐的概念和知识（不光是React还有ios/Android ，没有原生开发经验，上周在配置1环境的时候就踩了不少坑=。=）。 今儿主要说说RN中的布局问题。RN采用的布局方式是FlexBox。现代浏览器还是会有FlexBox的兼容问题，在网页开发多少会有一些限制。而RN，是面…
- 07↗
react-native学习笔记
周末两天的RN初体验，一些杂乱的笔记。 传统开发： 人员稀缺；开发成本高；代码复用；无法实现动态更新 优点： learn once,write anywhere 跨平台 性能高 低投入高回报 支持动态更新 first app command+d 在模拟器里打开 开发者菜单 react-native run-ios （没什么坑直接用就好，启动xcode里的ios模拟器） Andr…