美文网首页
Angularjs Ionic VS. React Native

Angularjs Ionic VS. React Native

作者: younglaker | 来源:发表于2019-07-24 17:32 被阅读0次

    参考:[译] React Native vs. Cordova、PhoneGap、Ionic,等等
    计算机科学家将其划分为多个层,这些层均是由框架构成的,每个框架都运行在另一个框架之上。在所有框架中,越接近硬件的框架,我们就说它更“原生”。更原生的框架中的程序能够获取更多的硬件功能,以及使用硬件更加自由。

    image.png

    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.png

    Why 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

    如何评价 React Native?

    相关文章

      网友评论

          本文标题:Angularjs Ionic VS. React Native

          本文链接:https://www.haomeiwen.com/subject/pfixrctx.html