#react

我们时常需要借助工具，来流程化一些繁琐的日常工作，避免人工操作带来的错误几率。比如CRA template就是这样的工具。

有时候，需要配置eslint插件，可能会同时配置airbnb、eslint-config-react-app等几个插件，插件多了一些版本依赖就会出问题。

理想的情况，我们希望这个monorepo的底层可以不依赖具体的版本，即做到能做到让用户自己选择基础包的版本，这时候可以放到peerDependencies里。

react 18版本已经发布，最近在考虑项目升级，所以做了一些功课，大概内容和注意事项。

React 17没有引入什么重大更新，但是看文档会发现，一些小的优化还是有的。

说起antd mobile，会不禁联想到antd的PC端，但是如果深度使用，就会感觉情况不妙。

写React代码的时候遇到以对象（数组）操作state，多次set导致状态不一致的问题。

有的项目需要IE11兼容，但是这些问题给出的信息很简单隐晦，既不容易跟踪也难以解决。前几天遇到一个antd升级导致的兼容问题，简单记录一下。

很多博客，尤其是静态博客，要么直接内嵌基于github的comments，第三方disqus或者是直接没有评论。这篇是上一篇的后续，总结过程中的学习过程和遇到的困难。

很多博客，尤其是静态博客，要么直接内嵌基于github的comments，第三方disqus或者是直接没有评论。评论虽然不是必需品，但是作为一个blog，一个适当的评论模块当然是锦上添花。。

对于发起的ajax请求，有时需要手动终止，尤其是react的组件，有时在unmounted组件上没清理异步调用，还会碰到警告。

正则表达式里问号在不同的地方意义迥异，本文以问号引入，主要辨析正向/反向预查的特性和使用

用React的hooks时，看到了reducer，那么什么是reducer，设计思路是什么呢？

由于习惯了通过注册事件监听来处理，导致有时候忘记使用React的onClick等事件处理函数，导致一些奇怪的现象。本篇会尝试了解二者处理机制的不同。

调试timeout的时候千万不要开启remote debug。

rn的scrollView使用，比单纯的html 5滚动条要好看（惯性滚动），事件和属性也比较复杂。

刚接触react-native的iOS版本调试，直接报错could not find simulator，懵逼了一上午最后发现是依赖包的代码有问题。

获取组件的上一状态是组件生命周期中常用的一个思路，但是在函数式组件里，事情似乎变得有点复杂。

react-native开发中，视频是个早晚遇到的坎儿，不同于页面开发使用video标签，native通常会调用系统播放器，解码格式、属性方法都有些不同，以react-native-video的使用注意事项。

子组件是通过props来接收父组件传递的信息的，通常需要根据props来动态触发重新渲染，但是用useState有的情况下无法触发。

JSX Pragma用于把React App内定义的HTML节点树转换为实际可用的JS代码(CreateElement)，许多插件（比如css-in-js）都会自定义，以便正确的转译文件。

代码流程。本篇继续Fiber的内容。整理一下“改版”后的差异对比（diff）和拆分出的commit的大体流程。

React Navigation使用中遇到的两个问题：多次导航到同一路由如何刷新，以及如何处理Android顶部导航栏阴影。

代码流程。本篇开始转到16.9，从fiber概念看起，后面还会继续看hooks等内容。

代码流程。上一篇留了一个代理Proxy没覆盖到，因为之前没怎么使用过，所以这篇补充一下相关内容。

代码流程。本篇看事件，这是React里使用频率很高的函数，但是通常不会像setState一样直接使用。

代码流程。本篇看组件最后步骤，从ReactElement到HTML-DOM的转换过程。

代码流程。本篇看setState，这是React class组件里使用频率最高的的一个操作。

代码流程。本篇看BatchingStrategy的运行机制和transaction的运行机制。

代码流程。上一篇大致看了一下简单组件渲染过程，本篇接着看组件挂载（mount）。

代码流程。这里叫初次简单渲染，是因为直接在根节点渲染只有一级的简单组件，只渲染一次，不包含状态更新和其他生命周期函数操作。