参考:[译] React Native vs. Cordova、PhoneGap、Ionic,等等
计算机科学家将其划分为多个层,这些层均是由框架构成的,每个框架都运行在另一个框架之上。在所有框架中,越接近硬件的框架,我们就说它更“原生”。更原生的框架中的程序能够获取更多的硬件功能,以及使用硬件更加自由。
Ionic 使用的 WebView 来渲染 UI,在每个应用中都内嵌了 Web 浏览器,并美名其曰 WebView!你在 UI 中看到的所有,包括按钮、菜单和动画,都是在浏览器的网页中运行的。以模拟的角度来看,Cordova 应用的 UI 就是运行在 Web 浏览器中的模拟世界,而浏览器又是运行在原生框架里的另一个模拟世界。
image.png
React Native 的 UI 要比 WebView 框架低一个层级,它直接运行在原生框架里。直接使用了原生 UI 组件,而 WebView 框架是使用 HTML/CSS 的 Web UI 来模拟原生 UI 。
image如果你已经有了 Web 应用,并且想尽快地发布到应用商店中。您愿意牺牲用户体验以缩短面向用户的时间。
另一种情况是,如果你的应用中并没有太多交互相关的东西,那么把它放入 WebView 中也并没那么糟。
但是,如果应用的用户体验重要的话,如果应用具有一定的交互性的话,像接受用户输入、拖拽、滑动页面等,那么决定应该考虑使用 React Native 。
React Native vs. Ionic Explained
image.pngWhy Is Ionic So Popular? What Are The Strengths?
- Ionic is a free and open-source
- Easy to learn with built-in components
- Clear and updated documentation
- Build apps for iOS, Android, Windows, Desktop, Web, and PWA
- Rich pre-styled components and great community support
- Rapid development testing cycle
**Drawbacks of Using Ionic: **
- It has performance lags
- You need to use Apache Cordova plugins to access device’s hardware functionality
- It uses WebView to deliver a native-like experience
**The Advantages Of React Native: **
- Maximum code reusability to develop apps for Android, iOS, and Windows platforms
- Stable and maintained platform to develop large projects
- Rapid development with the efficient code structure
- Wide community and platform-independent code
**The Challenges of React Native: **
- There is a need for native development skills
- Lack of custom modules
- As it is backed by Facebook, you need to follow licensing rules
Ionic vs. React Native: A Comparison Guide
image.png
网友评论