日常项目中，经常遇到图片需要预览放大查看的，涉及到图片手指放大缩小，多张图片切换预览的情况，react-native 里推荐使用三方库react-native-image-viewer。 安装 yarn add react-native-image-zoom-viewer，目前…

本文主要介绍FB团队正在重构的ReactNative(下面称RN)新架构，主要当前架构，Bridge带来的问题，新架构，JSI，Fabric，TurboModules，CodenGen及LeanCor

2021 年谈 React Native，在日新月异的前端圈，可能算比较另类了。但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 渲染性能优化指南

据我考据这个问题起码有十年历史了。在日新月异学不动的前端圈子里，这个问题能一直被问，就是因为因为它是个非常好的问题，涉及非常多的知识点，平时做一些性能优化，都可以从这个问题出发，分析性能瓶颈，然后对症下药进行优化。 不过今天我们不谈 Web 的性能优化，只是借助刚刚的那个那个经…

在我们平时开发过程中，常常要判断一个手机号码。我记得刚开始做前端「切图仔」的时候，就有疑惑，这个不是后端处理的吗。实际上，如果前端提前判断手机号码是否正确，就可以减少后段请求，节省宽带资源。 其他号段：14号段以前为上网卡专属号段，如中国联通的是145，中国移动的是147等等。…

人非圣贤孰能无过。 这句话还（更确切地说：尤其是...）适用于软件开发者。 这就是为什么在每一个开发者的职业生涯中最重要的是知道如何处理这些失误。作为一个 React Native 开发者，我经常想要写出没有 BUG 的代码，但是当出现问题时，我需要确保我能够追踪并解决问题。 …

那是 18 年的夏天，公司 6 月底去成都团建回郑州后，小弟、肖老师和当时绰号小萌的我（以下简称三剑客）开始了使用 React Native 开发 App 的工作。当时经验尚浅的我也只是有小程序和公众号的开发经验，唯一的亮点就是封装了 wx-promise-pro 并独立完成了…

包括但不限于以上三种。 reducer 相对于 useState 可以更好的描述“如何更新状态”。 比如：reducer 能够读取相关的状态、同时更新多个状态。 【组件负责发出 action，reducer 负责更新状态】的解耦模式， 使得代码逻辑更加清晰。代码行为更加可以预测…

在今天之前,一直都是处于边学习边用react开发项目的过程中，起初一直以为 PureComponent 和 Component 功能是一样的，只是 PureComponent 与 Component 相比提升了性能，但是为什么提升性能以及两者之间又有什么不同没有去进行深入的了解…