react native初體驗

作為一位react的忠實用戶,最近斷斷續續開始接觸到react native,在此希望能給大家解決一些疑問,以及講一下我們該如何學習及上手react native


一、概念

  • 首先有三個名詞需要區分開:
    • react
    • native
    • react native

其實這三個關鍵詞聯繫並沒有字眼來的親密:

    • React:前端工程師必不可能不知道的一個框架,其核心思想是將視圖組件化,通過更新組件的state來渲染出組件;jsx簡單直觀的代碼,開發出簡化可複用的組件。
    • Native:這個詞從字面理解就夠了,就是指原生的。前幾年有個非常火熱的跨平臺開發框架PhoneGap(現稱Cordova),那就不是原生的開發方式。原生就要使用對應平臺的特定語言和框架進行開發,比如使用Objective-C或Swift開發的iOS應用。
    • React Native:結合了這兩個詞,我們可以簡單地得到結論:使用React框架進行原生方式的開發。

React 作為構建高性能 Web 應用的框架,React Native 則作為構建跨 iOS 與 Android 平臺 App 應用的框架。

也就是說,作為前端開發者,也可以使用javascript來開發ios/android端的app,這就很神奇了朋友們

二、為什麼要使用react native開發?

  • 在此我想引入某乎的一個問題:
    • 人在美國,剛下飛機...
react native初體驗

  • 再次引入一位回答者的回答:

    三、如何學習react & react native

    從兩者概念出發,兩個框架算是孿生項目,而 React Native 的底層也就是 React 框架。

    react native初體驗

    • react學習者可以快速的上手react native,利用自己的react經驗開發。
      • React Native 依然由 JSX 進行組件佈局的開發,框架中組件開發的原理與思想與 React 框架一致,而且底層都由最重要的 state 進行驅動。
      • React 與 React Native 除了在編碼表現層都使用 JSX 語法外,在 React 與 React Native 的底層都有 Virtual DOM 與 DOM 之間的映射與轉換,以實現了頁面組件高效更新的前端表現。
    • 如果你剛好具備前端的技能,且對app開發有一定的興趣,react native會是你不錯的選擇


    react native初體驗


    分享到:


    相關文章: