JavaScript >> Javascript 文檔 >  >> Tags >> React Native

課程回顧:完整的 React Native 和 Redux 課程

您是否想學習 React Native 一段時間,並且想知道要參加哪些在線課程或教程?您是否一直在使用 JavaScript、React 或 React Native 並想要一門好的課程來提高您的技能?或者,您是否只是在尋找 React Native 教程並想知道該選擇哪一個,對所有可用的在線內容感到困惑?好吧,你是幸運的。在本文中,我將花一點時間和幾句話來回顧一下 Udemy 上的完整 React Native 和 Redux 課程。

講師

不看培訓師就複習課程是錯誤的。我的意思是,講師不只是走進課堂並開始教學。他們至少自我介紹一下。

本課程由 Stephen Grider 創建/指導。在撰寫這篇評論時,斯蒂芬是一位漂亮的血統培訓師,在 Udemy 上共有 17 門課程和超過 200,000 名學生。

Stephen 開設了各種主題的課程。舉幾個例子:

  • Node JS:高級概念
  • Go:完整的開發者指南
  • 以太坊和 Solidity:完整的開發者指南

還有更多關於 React、React Native 和其他主題的內容。

要查看有關 Stephen Grider 作品的更多信息,您可以訪問他的 Udemy 個人資料或他的網站 rallycoding.com。你也可以在 Twitter @ste_grider 上與他聯繫。

目標受眾

你需要在編程/JavaScript 方面有多好才能參加這門課程?

初學者

正如您將在我對本課程的評論中註意到的那樣,它從設置 React Native 開發環境的基礎知識開始,到初始化您的第一個項目,然後在所學知識的基礎上繼續構建。

但是,要輕鬆完成本課程,您需要了解足夠多的 JavaScript 以了解正在發生的事情。稍微接觸一下 React 也有很長的路要走,但不需要 React Native 知識。

內容概覽

現在,是時候了解重要的細節了。

首先讓我們看一下本課程的內容。有些人喜歡將評論的這一部分視為執行摘要 .

本課程將用大量關於 React Native 的知識填充你的大腦。以下是一些值得注意的主題。

加載和加載設置

  • React Native 設置:

    本課程詳細介紹瞭如何設置 React Native 開發環境。您不必擔心操作系統的選擇,因為這部分涵蓋了 OSX 和 Windows 設置。為 Linux 頑固分子默哀片刻,像我一樣 .但由於 Linux 是類 Unix,一些 OSX 設置將與您相關。

  • ES 皮棉:

    我還沒有看到很多這樣的課程實際上讓學生通過 ES Lint 設置。它是一個非常重要的開發工具,幾乎每個你將要工作的嚴肅項目都會有一個 linter,從一開始就學習它會很有幫助。為了避免文本編輯器之爭,這在 3 個最流行的編輯器中也有體現:VS Code、Atom 和 Sublime。

反應

閱讀 React Native 課程評論並發現 React 是其中一個值得注意的部分,這很可能聽起來很有趣。在大多數情況下,React Native 使用 React 來構建移動應用程序。所以 React 的重要性怎麼強調都不為過。本課程多次深入 React,解釋組件、道具類型、渲染等重要概念。

彈性框

樣式是移動開發中最重要的部分之一。如果您使用過風格不佳的應用程序,您就會知道。 FlexBox 是移動端 UI 設計的瑞士軍刀,尤其適用於 React Native。這實質上使 FlexBox 成為 React Native 開發的核心部分。如此重要,任何 React Native 課程都離不開 FlexBox。

本課程打開了 FlexBox 的潘多拉魔盒,並嘗試解釋它是如何工作的。在課程期間,將研究 FlexBox 的一些流行屬性,以及屬性的不同值如何影響移動設備上元素的定位。一些非常詳細的屬性包括:flex , justifyContent , alignItemsflexDirection .

然而,FlexBox 不僅限於此,FlexBox 中還有更多好東西,其中一些在本課程中使用,而另一些則必須在旅途中學習。

用戶輸入

用戶輸入是應用程序的一個組成部分。它用於接收用戶數據(如手勢、點擊、鍵盤等)並對其進行處理以顯示預期的輸出。考慮到這一點,您就會了解用戶輸入的重要性,尤其是在移動設備中。

大多數人發現自己陷入的最大陷阱是嘗試構建移動輸入,就像我們構建基於 Web 的輸入的方式一樣。本課程將處理這些問題,帶您了解如何為原生移動應用程序構建輸入並設置樣式。

火力基地

FireBase 是在您的應用程序中使用的最令人驚嘆的平台之一。如果你沒用過,那你一定要試試它的厲害之處。

幸運的是,在本課程中,您將有機會開始使用 FireBase。本課程將逐步詳細介紹如何開始使用 FireBase、註冊、設置新的 FireBase 項目,以及最重要的是為您的 React Native 項目設置 FireBase。

但是,您將無法通過 all FireBase 的驚人功能。本課程僅使用 FireBase 進行身份驗證,因此有關更多信息,您必須自己學習或查找其他課程。 FireBase 文檔是一個很好的起點。

Redux

Redux 是一個項目,它提供了一種集中應用程序狀態的簡單方法。 Redux 是一個非常重要的庫,尤其是在構建前端應用程序時。隨著應用程序的增長,需要有一個健壯的狀態管理系統,而 Redux 做得非常好。

您可以在 Stephen Grider 的 Quora 回答中閱讀有關 Redux 的更多信息,了解什麼是 redux 以及誰在使用它?

這個庫一開始很令人困惑,但本課程試圖解決它並儘可能簡化它。正如斯蒂芬在課程中所說,他的目標是:

本課程是我遇到的最好的 Redux 解釋之一。通過本課程,您的 Redux 知識可以從“0 - 100 真正快速”獲得。好吧,Redux 的學習曲線相當陡峭,所以可能不到 100。然而,Stephen 需要時間深入研究 reducer 和 action 的工作,詳細解釋它們如何工作以及它們如何相互作用以產生影響商店。非常酷,並且非常詳細的解釋。

導航是移動應用程序的另一個重要組成部分。以下是 React Native 文檔對導航的看法

免費電子書:Git Essentials

查看我們的 Git 學習實踐指南,其中包含最佳實踐、行業認可的標準以及隨附的備忘單。停止谷歌搜索 Git 命令並真正學習 它!

有了這個解釋,你就會意識到 React Native 中導航的重要性。本課程正面討論這個主題,介紹導航的重要性以及如何在您的應用程序中構建它。就像老師說的那樣,這是用文字和圖表解釋不起作用的主題之一。你必須用它實際構建東西。

導航可能非常棘手,因此在構建導航時有逐步指導非常重要。

那裡有很多導航庫,本課程使用 react-native-router-flux 來實現導航。然而,這個庫目前並不是最好的選擇,但我將在本文的 Critique 部分詳細討論。

好人

設置

大多數課程傾向於忽略設置,並假設學生可以自己完成。實際上,它們中的大多數只是提供指向各種平台的設置文檔的鏈接。然而,本課程需要時間來引導用戶完成設置和在不同平台上的非常重要的步驟,以確保學生理解並成功開始,無論他們選擇什麼平台。雖然我確信 Linux 頑固分子會對此進行辯論。

彈性盒

FlexBox 在移動設備中的重要性怎麼強調都不為過。我很高興看到這門課程花時間確保學習者盡可能地掌握這個概念並使用相同的概念實現漂亮的界面。

還原

如前所述,這是我遇到的對 Redux 最好的解釋之一。該課程需要時間將圖書館的術語簡化為簡單的英語,這非常有幫助。

重用組件

這是使用 React 以及其他框架進行開發的一個非常重要的部分。使用 props 編寫可重複使用的組件,這是本課程演示的內容。

解釋

我敢肯定,您遇到過的課程或在線教程只是展示了一些魔力,並且完全沒有解釋正在發生的事情。好吧,這門課程與那些課程完全相反。引用導師的話:

斯蒂芬也:

  • 花時間解釋每個庫/依賴項以及使用它的原因。
  • 解釋您將運行的每個命令以及它應該執行的操作。
  • 花時間重新編寫生成的代碼以解釋生成的代碼的作用。
  • 解釋您將編寫的每一段代碼。
  • 深入了解 JSX 的工作原理,使用 Babel 轉譯器對其進行解釋。

壞人

導航

本課程需要時間來完成 React Native 中的導航並且做得非常好。但是,該課程沒有使用 React Native 目前推薦的導航庫。本課程使用React Native Router Flux實現導航, 一個流行的導航庫,但 React Navigation 比其他導航庫更受歡迎,目前被 React Native 文檔推薦。

使用這個庫很可能是因為在創建課程時 React Native Router Flux 是最流行的選項,而 React Native 沒有推薦的導航庫。

出版

本課程的標題為“完整的 React Native 和 Redux 課程”,但它錯過了 React Native 的一個重要部分。發布應用程序。這有時是開發應用程序(從開發到生產)中最具挑戰性的部分之一。如果能在 Google Play Store 或 Apple App Store 中發佈如此詳細的說明,那就太好了。

結論

當我結束這篇評論時,這是我對課程的總體看法 - Stephen 是一位非常優秀的講師,可以確保學生理解每一點代碼。他花時間詳細解釋了開發 React Native 應用程序(如 FlexBox、FireBase、React 和 Redux)的重要概念。

對於想要開始使用 React Native 或者想要復習課程中涵蓋的主題的任何人來說,這都是一門很棒的課程。

但是,我會說它並不完全“完整”,您將不得不花時間查看其他資源以進行發布並深入了解 FireBase 和 FlexBox,以便能夠順利地從開始到在 App Store 上發布您的應用程序或Play 商店。

快樂學習


Tutorial JavaScript 教程
  1. 什麼是 HLS 流協議?何時使用它?

  2. 完整的 ES2022 備忘單!

  3. SVG 無法顯示為圖像

  4. 在 React 中使用路由器道具

  5. 我如何結合 Commerce.js 構建一個內容豐富的應用程序(III)

  6. Typescript 系列 - Array Concat 類型

  7. 使用 Youtube_dl 和 Django 創建您自己的 YouTube 視頻下載器

  1. 解構推文 - 第 6 集 - 默認參數值

  2. 我如何運行小的 JavaScript 片段

  3. 使用 JavaScript 的無後端聯繫表單💡

  4. JavaScript 教程:如何使用數組方法

  5. Redux 中間件——它是什麼以及如何從頭開始構建它

  6. 將字符串中每個單詞的首字母大寫 [JavaScript]

  7. 如何使用 Next.js 和 React 創建網站

  1. Slack / GitKraken / Discord 電子加載屏幕教程

  2. 微服務運營監控:Zeebe Cloud Canary

  3. 互聯網幕後:網絡如何通過 5 個簡單的步驟運行。

  4. 建立聊天 - 使用 React、Websockets 和 Web-Push 的瀏覽器通知🤯