ReactJs和React Native的那些事

最新推荐文章于 2025-01-17 11:13:04 发布

xiangzhihong8

最新推荐文章于 2025-01-17 11:13:04 发布

阅读量9.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： React Native

本文链接：https://blog.youkuaiyun.com/xiangzhihong8/article/details/52319682

React Native 专栏收录该内容

211 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了React Js和React Native的主要目的、原理和区别。React Js用于前端组件化开发，解放DOM操作；React Native则允许使用前端技术栈创建跨平台移动应用，提供类似原生的性能。两者都基于虚拟DOM驱动界面，React Native通过原生组件提供高性能。文章还探讨了React Native的手势识别、样式布局优势，并分析了与H5、原生开发的对比。最后，详述了React Native在Android上的环境搭建步骤以及ReactJS的核心概念，如响应式更新、组件化和JSX语法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

介绍
1，React Js的目的是为了使前端的V层更具组件化，能更好的复用，它能够使用简单的html标签创建更多的自定义组件标签，内部绑定事件，同时可以让你从操作dom中解脱出来，只需要操作数据就会改变相应的dom。
2，React Native的目的是希望我们能够使用前端的技术栈就可以创建出能够在不同平台运行的一个框架。可以创建出在移动端运行的app，但是性能可能比原声app差一点。
3，ReactJs和React Native的原理是相同的，都是由js实现的虚拟dom来驱动界面view层渲染。只不过ReactJs是驱动html dom渲染； React Native是驱动android/ios原生组件渲染。
4，React基于组件（component）开发，然后组件和组件之间通过props传递方法，每个组件都有一个状态（state），当某个方法改变了这个状态值时，整个组件就会重绘，从而达到刷新。另外，说到重绘就要提到虚拟dom了，就是用js模拟dom结构，等整个组件的dom更新完毕，才渲染到页面，简单来说只更新了相比之前改变了的部分，而不是全部刷新，所以效率很高。

虚拟DOM（Virtual DOM）的机制：在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每当数据变化时，React都会重新构建整个DOM树，然后React将当前整个DOM树和上一次的DOM树进