Web 開發人員喜歡 React Native 的五個原因

已發表: 2016-11-24

React Native 是現代應用程序開發的未來

越來越多的 Web 開發人員正在進入應用程序構建生態系統。 根據 stateofjs.com 的數據,78% 的開發人員有興趣了解新的開發人員:React Native。 此外,React Native 有92% 的高利率——這是有充分理由的。

顯示對 React Native 的興趣和滿意度的圖表

您可能知道,還有一些其他的多平台解決方案,例如 Cordova 和 PhoneGap,但它們是有代價的:僅依賴手機瀏覽器及其內置 JavaScript 引擎的代價,這通常比運行原生代碼,就像 React Native 一樣。

那麼是什麼讓 React Native 如此特別呢? 以下是 Web 開發人員主要感興趣的前五項內容的列表。

1.可以構建原生應用

正如您可能從名稱本身猜到的那樣,React Native 可以讓您構建原生應用程序。 Cordova 和其他類型的框架,如 Sencha Touch 或 Ionic,是混合解決方案,使用它們,您將永遠無法獲得原生應用程序的外觀和感覺。

重要的是小事:流暢或加速的滾動、屏幕之間的轉換、完全自定義的動畫、自定義導航等等。 如果你曾經在 web 上使用過 React,那麼你會感到很享受,因為你會有賓至如歸的感覺。

即使您正在編寫 JavaScript,也沒有使用 Web 視圖來呈現組件。 React Native 呈現真正的原生組件,您可以使用特定於平台的組件,例如活動指示器,這將使每個平台都具有可識別的外觀和感覺。 以前混合技術的主要問題是嵌入式瀏覽器運行得不夠好。 它沒有經過優化,性能很差。

從技術的角度來看,RN 的最大競爭對手是Xamarin ,它可以讓您為許多平台開發應用程序:Mac、Windows、iOS、Android、Windows Phone,應有盡有。 Native Script也以同樣的方式工作。

例如,Xamarin 非常棒,因為它有一個簡潔的 IDE (VS),但您必須使用 C#。 由於您是 Web 開發人員,因此您可能不太了解 C#,並且您可能更熟悉 JavaScript。

React Native 的工作方式類似於 JavaScript,因為您使用 JS 本身編寫代碼(例如,您也可以使用 Angular.js)。 此外,JS 驚人地升級為 ES6 和 ES7 等標準。 更不用說 JS 社區有多麼龐大和強大。

我推薦這個演講作為 React Native 的介紹,這樣你就可以了解它是如何工作的。
https://www.youtube.com/watch?v=KVZ-P-ZI6W4
或者,如果您更喜歡閱讀,請嘗試閱讀這篇博文。

2. 簡單易學

這總是一件好事,對吧? 這也是 React Native 的最大優勢之一。 它像兒童讀物一樣可讀,因此您只需看一眼即可。 使用其他框架,您通常會被迫學習一長串概念。 隨著時間的推移,Facebook 顯著改進了其官方 React Native 文檔。 最近,他們增加了基礎部分,這是學習 RN 的一種非常簡潔、聰明的方式,因為它通過簡單的速成課程解釋了您需要了解的所有內容。

如果您了解 JavaScript,那麼您很幸運。 React Native 使用 ES6。 還是不熟悉 ES6? 這是一個解釋一些 ES6 細節的教程,這些細節將使您的 JavaScript 開發更容易。 它使用 JSX,它基本上類似於 HTML。 樣式與 CSS 非常相似,但它們是在組件中編寫的,而不是在單獨的單個文件中。 這種方法有利也有弊,並且已經寫了很多關於它的文章。 所以真的,你需要知道的一切都是React

反應很容易。 想像一個名為“View”的 div 組件和另一個簡單地命名為“Text”的文本組件。 這本質上是 React Native 和 React.js 之間的聯繫。

樣式與 CSS 非常相似,只是它包含在組件本身中,而不是在單獨的文件中。

這真的很容易,不是嗎? 對於初學者,您應該了解 React 生命週期、狀態和道具。 相信我,一切都從那裡走下坡路。

3.它提供了一個熟悉的環境

作為 Web 開發人員,您仍然可以使用許多您已經知道的工具。 如果您正在使用適用於 Chrome、Web Storm、VS Code 或 Sublime 的 DevTool,您可以繼續使用它們或使用您選擇的編輯器。 畢竟,您實際上仍在編寫 HTML、CSS 和 JavaScript。

您是否習慣於使用 Webpack、Grunt 或 Gulp 轉譯代碼? React Native 為你做這件事。 ES6 和一些很酷的 ES7 特性,比如 Object Spread,都是開箱即用的,因為 RN 使用 Babel 轉譯器。

另一件會讓事情變得更容易的事情,如果不熟悉,那麼肯定更容易使用的是 Nuclide,這是 Facebook 正在構建的集成開發環境 (IDE),旨在為開發人員提供一流的 React Native 開發環境。
請務必注意,您習慣的流程仍然有效。 就像在網絡上工作一樣,更新 index.html 會更新整個頁面。 Hot Reloading 使您能夠輕鬆地刷新代碼並立即查看應用程序中的更改。 就像在網絡上一樣。 更好的是,在模擬器中按 CMD+D,您將獲得許多選項可供選擇。

4.它有一個活躍的社區

由於這是一個全新的未知領域,許多開發人員正在盡最大努力構建對其他人有用的東西,並揭示 React Native 的真正潛力。

Facebook 群組將為您提供一個很好的概覽,並讓您隨時了解相關新聞,因此,如果您關注這些群組,您幾乎不會錯過重要的事情。 最大、最活躍的團體是 React Native 社區,它提供有關工具包、組件、新應用程序的每日帖子,以及對 React Native 問題的解答,從基本問題到嚴重的開發人員問題。 這使它成為收集信息和學習東西的好地方。

如果你更喜歡閱讀, Medium也正在蓬勃發展 React Native。 有一些出版物,但最好的方法是關注 React Native 標籤。 當您遇到問題時,請訪問 Stack Overflow,在那裡您會找到大量的建議和解決問題的方法。 一般來說,就編程而言,程序員或多或少習慣於尋找有人找到解決方案的東西。 當您遇到 React Native 問題時,您可以找到並立即重用其他人編寫的代碼。

一個偉大的 Github 社區的例子是 React Native 社區,它實際上與優秀的 ReactJS 非常相似。

也有很多事件發生在 React Native 上。 最受歡迎的活動是通過聚會組織的。 這些活動每隔幾週就會在世界各地舉行。 最大的肯定是 React Native San Francisco,但在撰寫本文時,最近的一個是在紐約。 它託管了 100 多名活躍的 React Native 開發人員。 還有很多像 React Europe 這樣的會議,今年有1000 名參與者
總體而言,React Native 在 GitHub 上有超過40K 的 star和超過9K 的 fork 。 致力於它的 Facebook 群組有7K 成員,並且每天都有很多關於它的新文章。

5.它為未來提供了一個跨平台的框架

“跨平台”這個詞曾經在我嘴裡留下不好的味道。 但相信我,這是不同的。 使用 React Native,您並沒有構建真正的原生移動應用程序; 您正在為所有平台構建應用程序。 當我說所有平台時,我指的不僅僅是 iOS 和 Android; 我的意思是智能電視、Xbox 遊戲機、Windows 設備、各種智能手錶、汽車、VR 耳機,甚至冰箱。

更不用說智能手機本身已經成為強大的機器。 自從整個“移動優先”範式以來,時代真的發生了變化,一些開發人員甚至在談論“原生優先”。

這項技術仍然很新,但現在有一些優秀的 React Native 應用程序。 仍然不相信它是未來的框架? 觀看此演示文稿,一切都會到位。

搏一搏! 是時候成為移動開發者了

正如我們已經解釋的那樣,這個框架確實有潛力,而且不僅僅適用於 Web 開發人員。 整個開發邏輯採用現代原理; 工作流程高效、簡單、快速學習; 越來越多的平台正在使用它,而這一切僅僅是開始。 這就是你進來的地方:一個新的 React Native 開發人員,解決問題,並為這個快速崛起的未來框架帶來新的想法。