![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ReactNative
文章平均质量分 97
深入分析ReactNative源码,1、跨桥通信、jsi通信,深入源码分析,掌握核心原理。2、源码分析原生View创建,认识RN本质,深刻理解RN。3、AutoLinking原理,让你轻松掌握项目管理和链接过程
薛瑄
大道至简
展开
-
React Native 源码分析(五)—— Fabric创建View的过程
这篇文章详细分析一下,在React Native 新架构下,Fabric是如何创建View的,从React层发送把View信息到原生端开始分析。说明一点,React 层fiber的创建更新过程,不属于Fabric。其中Yoga的绘制过程不会太详细,只会给出大概流程,像布局缓存这些。文章的重点是帮你理解Fabric的整体流程。代码分析以断点截图方式体现,可以更方便查看运行的过程5、React Native 源码分析(五)—— Fabric创建View的过程。原创 2023-11-24 15:38:47 · 1189 阅读 · 1 评论 -
React Native 源码分析(四)—— TurboModules JSI通信机制
本文会详细分析React Native 新架构的TurboModules的通信过程,基于JSI的通信方式,除不会涉及Hemers引擎部分,其余代码都会详细分析,但比较简单的,不会很啰嗦,可以说是网上最完整详细的分析文章,代码通过断点截图,可以更方便查看运行的过程原创 2023-11-14 17:33:43 · 960 阅读 · 0 评论 -
开发npm第三方库的实战经验
开发npm第三方库原创 2022-11-15 20:48:34 · 998 阅读 · 1 评论 -
React Native 源码分析(三)——Native View创建流程(跨桥通信)
可以说是全网关于React Native 原生层View的创建流程 最详细的文章原创 2022-05-17 18:22:32 · 2164 阅读 · 0 评论 -
React Native Autolinking 源码深入分析
ReactNative autolink 源码深入分析,理解脚手架工作原理原创 2022-03-16 16:36:50 · 3721 阅读 · 0 评论 -
React Native 源码分析(二)—— Native Modules跨桥通信机制
本篇来分析一下,RN js和java的通信机制,在上一篇启动流程 看完后,通信的过程,你应该也能猜出个大概。具体过程,也是很简单 1、React Native 源码分析(一)—— 启动流程 2、React Native 源码分析(二)—— 通信机制 3、React Native 源码分析(三)—— UI渲染流程 4、React Native 源码分析(四)—— 任务调度 5、React Native 源码分析(五)—— 事件分发 一、 Java->JS 通信 先来一张图,看一下通信的整体过程 图片来源原创 2021-09-03 16:35:48 · 1470 阅读 · 0 评论 -
React Native 源码分析(一)——启动流程
本系列文章,是分析Android 的 React Native 的源码,主要包括以下文章,和以往的源码系列一样,分析主流程的代码,不会细致到每一行(但是比Gradle源码分析,要细致很多),会涉及到java、C++、js等源码。 RN版本是0.64.0 1、React Native 源码分析(一)—— 启动流程 2、React Native 源码分析(二)—— 通信机制 3、React Native 源码分析(三)—— UI渲染流程 4、React Native 源码分析(四)—— 任务调度 5、React原创 2021-08-23 20:19:21 · 3677 阅读 · 0 评论