崇尚价值投资的程序猿

2018年，公司成功上市后，要求保证代码的稳定性和健壮性，所有的二方库和业务库都需要进行单元测试，当时上级要求单元测试的代码覆盖率不能少于70%。我当时作为团队的所有ReactNative项目的单元测试的owner，整理了一份单元测试的文档，同时利用单元测试的特点与各成员分工独…

1. 前言 本文主要介绍了Hooks常用函数的原理以及使用场景。文中的部分示例和想法有取自官方文档, 有借鉴了部分非常优秀的文章(文章链接会在结尾处贴出)。 由于作者水平有限，源码中部分场景尚未能完整串起来，如发现表述错误的地方，望请指出。 作为我们第一个上场的主角， useS…

一. 前言 react-route作为react框架下的单页面应用最普及的路由，依赖histroy包提供的histroy对象作为其核心，具有使用简单、使用范围广的特点。本文主要分析了一些常用组件的使用方法以及实现实现原理，欢迎大家讨论、斧正。 二. 组件详解 1. 依赖版本 2…

理解 ReactNative 的实现原理，主要是搞清楚 JS 端与 Native 端的通信原理。而要保证 JavaScript 和 Native 具备向对方通信的能力，首先需要搞清楚 RN 在启动的时候都做了些啥，这篇文章就是基于 ReactNatve 源码分析的基础上，对 R…

在ReactNative启动完成之后，就会加载jsbundle中的js代码，进入js层渲染。 对 DOM 的操作很耗时，使用 JS 对象来模拟 DOM Tree，在渲染更新时，先对 JS 对象进行操作，再按批将 JS 对象 Virtual Dom 渲染成 DOM Tree，减少…

在 Native 层渲染中，核心是UIManager和ShadowView，创建视图和刷新视图基本都是围绕 UIManager 和 ShadowView进行的。 JSBridge 可以调用 ShadowView 中的 setters 方法设置样式等属性。 每个 JSBridge…

最近花了一些时间在项目的性能优化上，背后做了很多工作，但是最后依然没有达到自己想要的结果，有些失望，但是还是记录下自己的执着。 性能优化总结：减少请求次数、减小资源大小、提高响应和加载速度、优化资源加载时机、优化加载方式。 站在用户视角的主观的可感知的性能。 站在开发者视角的可…