native react 底层实现_【React-Native】实现原理详解.docx

React Native实现原理详解

前言

花了半个多月，把React Native源码看了一遍，大概的实现逻辑全看明白了，希望对想了解React Native实现原理的同学有所帮助，其实只要看懂文章的四幅图就明白它的原理了。

如果喜欢我的文章，可以关注我微博: 袁峥Seemygo,也可以来 小码哥，了解下我们的iOS培训课程。后续还会更新更多内容,有任何问题，欢迎简书留言 袁峥Seemygo。。。

一、React Native背景

有没有朋友想过一个问题，为什么取名React Native?React是什么，Native又是什么？

React

React 是由Facebook推出的一个JavaScript框架，主要用于前段开发。

React 采用组件化方式简化Web开发

? ? ? ?DOM:每个HTML界面可以看做一个DOM

? ? ? ?原生的web开发方式，HTML一个文件，javaScript一个文件，文件分开，就会导致修改起来比较麻烦。

? ? ? ?可以把一组相关的HTML标签和JavaScript单独封装到一个组件类中，便于复用，方便开发。

React 可以高效的绘制界面

? ? ? ?原生的Web,刷新界面(DOM)，需要把整个界面刷新.

? ? ? ?React只会刷新部分界面，不会整个界面刷新。

? ? ? ?因为React独创了Virtual DOM机制。Virtual DOM是一个存在于内存中的JavaScript对象，它与DOM是一一对应的关系，当界面发送变化时，React会利用DOM Diff算法&#