使用 React 和 React Native 進行行動和 Web 開發

使用 React JS、React Native、Router、Hooks 和 Context 課程學習 React，並深入了解 React Native

從這 18 小時的課程，你會學到

深入研究 React JS 和 Native
了解如何使用 React JS 建立單頁面應用程式
學習連接到外部 API
建立可重複使用的 React 元件
設定我們的虛擬環境
為 MAC 和 Windows 安裝 React-Native 依賴項
運行 Android 和 IOS 模擬器
JSX 語法與表達式
ES6語法
查看模擬器上的內容
React 中的使用者輸入、表單和事件
使用 React Portals 渲染 DOM 層次結構以外的子級
React JS 鉤子和上下文
React 的現代面貌是使用 React Js Hooks 和 Context 開發 Web 應用程式
建立鉤子和上下文結構
使用 React Router 進行路由
不同螢幕之間的路由
使用 React Navigation 在不同螢幕之間傳輸資料
減速機、動作和調度概念等等
如何利用程式編輯技術進行React高效開發
使用 React 建立快速、用戶友好的 Web 應用程式
React，也稱為 React js，為開發人員節省了時間和精力，因為他們只需要一種程式語言。
Web 開發是對創建網站的任務和技術的廣泛描述。
一些網頁開發人員將獲得該領域的學位或認證。然而，大多數工作不需要特定的學位或教育水平
無論你是有興趣將 React 添加到現有的開發技能中，還是想使用 NodeJS Redux 和 Mongodb 等工具來開發全端 Web 應用程式
React 或 React JS 是一個前端 Javascript library，用於建立 Web UI 元件。

要求

無需先驗知識！關於 React、React 本機 Web 開發或行動開發
Windows PC、Mac 或 Linux 計算機
JavaScript + HTML + CSS 基礎知識是絕對必要的，但你不需要成為專家
想要學習React
沒有其他的！只需你、你的電腦和你今天就開始的雄心壯志
渴望學習 React 或 React JS
渴望學習使用 React 或 React js 進行 Web 開發
渴望學習使用 React Native、Redux、Hooks 和 context 進行行動開發
渴望學習使用 React、React Native 進行全端 Web 開發
想要學習React js
渴望學習React js、typescript
渴望學習 React、React Native

課程說明

你好呀，

歡迎學習使用 React 和 React Native 進行行動和 Web 開發課程。
使用 React JS、React Native、Router、Hooks 和 Context 課程學習 React，並深入了解 React Native

React 是建立現代 Web 應用程式的最佳選擇之一。如果你是 React 新手，或者你一直在努力學習並真正理解正在發生的事情，那麼本課程是你學習 React 的最佳方式。

創建網站和應用程式的每個方面都需要一套獨特的技能。 Udemy 提供大量課程，幫助你快速了解現代前端、後端和全端 Web 開發實踐和技能。

Web 開發的世界與互聯網本身一樣廣闊。我們的大部分社交和職業生活都是在網路上進行的，這催生了旨在創建、管理和調試我們越來越依賴的網站和應用程式的新行業。

React-Native 是 React 團隊開發的一個 library，廣泛用於建立 Android 和 IOS 的行動應用程式。你不需要學習 Java、Android、Swift、Objective-C 或任何其他內容。你只需使用 React 和 JavaScript 即可建立可在 Android 和 iOS 上運行的出色行動應用程式。

你想從頭開始學習 React Js嗎？
你想從頭開始學習 React Native 嗎？
你想了解 Hooks 和 Context 系統的最新 React 功能嗎？
你想用React React Router建立一個應用程式嗎？以非常詳細的方式？

如果你的答案是“是”，那麼你來對地方了。這門使用 React 和 React Native 進行行動和 Web 開發的課程將是完美的搭配。

React-Native 是 React 團隊開發的一個 library(程式庫)，廣泛用於建立 Android 和 IOS 的行動應用程式。你不需要學習 Java、Android、Swift、Objective-C 或任何其他內容。你只需使用 React 和 JavaScript 即可建立可在 Android 和 iOS 上運行的出色行動應用程式。

本課程適合所有級別。我們將帶你從初級到高級。你將透過實作演示逐步學習 React 開發。為了能夠從本課程中受益，你只需要對 JavaScript 有基本的了解。

在課程中，我們將告訴你需要安裝哪些依賴項以及如何詳細安裝，以便能夠在 MAC 和 Windows 上建立行動應用程式。我們將使用免費的工具和平台，因此你無需購買任何工具或應用程式。你將學習如何在 MAC 或 Windows 電腦上執行 Android 和 IOS 模擬器。此外，透過 Expo 應用程式，你還可以在自己的行動裝置上運行你的應用程式。

在課程的後面，我們將學習 React 和 React Navigation 的基礎知識。 JSX、「道具系統」和「狀態系統」將在課程結束時對你來說非常清楚。我們將建立外觀漂亮的可重複使用元件。你將能夠在自己未來的專案中使用這些可重複使用元件。你將透過 React 導航從應用程式轉到不同的螢幕。

最後你將學習最新的 React 功能「Hooks 和 Context」系統。我們將創建兩個漂亮的應用程式，以非常詳細的方式教你“Hooks 和 Context”。你將學習如何透過“Hooks”系統在功能元件中使用“狀態”，並且透過“Context API”，你不需要任何第三方套件來管理應用程式狀態。

我們試圖在課程中非常詳細地講述所有複雜的主題。我們使用一些圖表來講述一些重要的主題，並創建了一個漂亮的行動應用程式。我們展示了創建行動應用程式的兩種不同方法。我們在課程中展示了react-native-cli 和 expo-cli。

課程結束時；

React、React-Native、React-Navigation libraries 的基礎知識
如何從行動應用程式發送 HTTP 請求
如何使用彈性盒系統
如何建立可重複使用的元件
從我們的應用程式存取設備上的另一個應用程式
使用 react-native-cli 和 expo-cli 創建你自己的行動應用程式
使用基於類別和功能組件建立上下文
如何在基於類別和函數元件中使用上下文
如何在一個元件中使用多個上下文
鉤子函數（useState、useEffect、useReducer、useContext…）
創建減速器和
使用Reducer 對你來說將會很清楚。

為什麼想參加這門課？

我們的答案很簡單：教學品質。

OAK Academy 總部位於倫敦，是一家線上教育公司。 OAK Academy 在 Udemy 平台上以英語、葡萄牙語、西班牙語、土耳其語和許多不同語言提供 IT、軟體、設計、開發領域的教育，擁有超過 1000 小時的視訊教育課程。 OAK Academy既透過發布新課程來增加教育系列數量，又透過升級讓學生了解已發布課程的所有創新之處。

當你註冊時，你將感受到 OAK Academy 經驗豐富的開發人員專業知識。學生向我們的導師提出的問題，我們的導師最遲會在 48 小時內得到答案。

無需先驗知識！

它不需要任何先驗知識即可學習，而且 React 對於初學者來說很容易理解。

本課程從非常基礎的知識開始。首先，你將學習如何安裝工具和一些術語。然後表演將開始，你將透過實踐練習學習所有內容。我還將教你最佳實踐和捷徑。

循序漸進，簡單易行的練習

在課程結束時，你將對 React 有深入的了解，並對事物在幕後如何運作有寶貴的見解，你也會對編碼和遊戲開發的基礎知識非常有信心，並渴望了解更多。好消息是，由於使用免費且流行的工具，你無需購買任何工具或應用程式。

什麼是網頁開發？

Web 開發是對創建網站的任務和技術的廣泛描述。它可以像製作基於靜態文字的網站一樣簡單，也可以像開發互動式動態網站一樣複雜。你可以將 Web 開發分為兩個不同的類別：前端（客戶端）和後端（伺服器端）。前端程式碼在使用者的電腦上執行。這可以包括 HTML、JavaScript 和 CSS。後端程式碼在伺服器上運行 – 這通常包括與資料庫通信，並且通常涉及 Python、Ruby、Java 或 PHP 等語言。 Web 開發不一定包括設計流程——它關注的是程式碼。網頁設計師建立線框來模擬他們對網站的願景，然後與開發人員分享。開發人員負責編寫實現設計的程式碼。

成為網頁開發人員需要哪些步驟？

一些網頁開發人員將獲得該領域的學位或認證。然而，大多數工作不需要特定的學位或教育水平，只需要證明該領域的知識。所以，更重要的是你知道如何展現你的技能。你可以透過相關工作經驗或過去專案的組合來突出你的技能。你也可以分享使用 GitHub 等平台開發的程式碼，或參加 StackOverflow 等基於解決方案的論壇，這些論壇會獎勵你幫助他人的行為。 HTML、CSS 和 JavaScript 是進入 Web 開發時需要學習的前三種程式語言。你需要這三個基本要素來建立現代網站並作為前端 Web 開發人員工作。 HTML（超文本標記語言）指定網站的內容並建立主幹。 CSS（層疊樣式表）設定內容的樣式。 JavaScript 控制網站的互動元素。

成為網頁開發人員需要多長時間？

這個問題的答案將取決於你。你花在培養技能上的時間越多，你成為 Web 開發人員的速度就越快。好消息是，Web 開發通常使用比許多其他語言更容易學習的輕量級程式碼。如果您專注的話，你可以在幾個月內學習 Web 開發的基礎知識。但優秀的網頁開發人員永遠不會停止學習。更好的問題可能是“我怎麼能更快地成為更好的 Web 開發人員？” 這個問題的答案就是實踐。熟悉程式有很大幫助，但練習也有一個不太明顯的好處。編寫的程式碼越多，遇到問題或發現程式碼中的錯誤就越多。 Web 開發的一個重要方面是解決問題和偵錯程式碼。你解決問題和追蹤錯誤的能力越強，編碼的速度就越快。

什麼是 React？

React 是 Facebook 開發的 Javascript 前端 library。 React 最簡單的定義是它是一個用於建立 Web UI 元件的使用者介面庫。但如果這就是 React 所做的全部，那麼它只不過是一個模板庫。開發人員使用名為 JSX 的類似 HTML 的語法來定義 React 中的元件。這些封裝的元件管理它們自己的狀態，從而可以輕鬆地將豐富的資料傳遞給元件，並將應用程式及其元件的狀態保留在文件物件模型 (DOM) 之外。這些功能使 React 元件能夠動態、有效率地對其狀態變化做出反應。 React 中的一組簡單元件可以組合成簡單的單頁應用程式或大型複雜的 Web 應用程式。

React 是用來做什麼的？

React 是一個開源 JavaScript 前端 library。一些開發人員認為它是一個前端框架，因為它比標準庫通常做的更多。 React 最常見的用途是為單頁 Web 應用程式建立動態使用者介面。但 React 的結構使其不僅僅可以用於創建網站。 JSX 是 React 的一項功能，是 Javascript 的語法擴展，它為 HTML 提供模板並管理元素的狀態。但是 JSX 可以用作 HTML 以外的東西的介面。 React Native 使用 React 來建立行動應用程式。在這裡，JSX 成為行動 UI 的介面，而不是 HTML。甚至有一些 libraries 使用 React 和 JSX 與 React Hardware 等硬體互動並管理硬體。

React 是如何運作的？

React 鼓勵工程師使用函數式程式設計( Functional Programming )方法編寫程式碼。工程師創建元件，這些元件是普通的 Javascript 函數。這些函數會傳回訊息來告訴 React 螢幕上應該顯示什麼內容。 React 的真正強大之處在於能夠將這些函數相互嵌套或組合。這種巢狀能力鼓勵程式碼重複使用，並允許工程師在許多不同的地方一次編寫元件。

React 是一個框架還是 library？

框架提供了一種構建整個應用程式的固執己見的方法。另一方面，libraries 幫助建立應用程式的單一方面。考慮到這一點，React 是一個 library。它幫助工程師在瀏覽器中呈現 HTML。 React 對於如何取得資料、如何套用樣式或如何部署或建置應用程式沒有任何意見。

React 值得學習嗎？

是的，React值得學習。有幾個原因。第一個是 React 在軟體開發就業市場上的需求量很大，而且這種情況已經持續了幾年。如果你學習使用 React 編寫程式碼並且能夠做得很好，那麼你找到工作的機會就會增加。僅此一點就是它值得學習的另一個原因。網站使用者將不再滿足於不重新載入頁面就無法更新的老式網站。 React 動態更新網頁 HTML 的方法滿足了這些使用者的需求並改善了他們的體驗。 React 也已經存在了幾年並且經受住了時間的考驗。大部分網站，無論大小，都使用 React 作為前端框架。

React 很難學嗎？

每種技術或程式語言都有一個學習曲線，React 也不例外。但如果你專注並決心創建前端 Web 應用程式，那麼學習起來很容易。為了讓學習 React 更簡單，在添加任何額外的程式庫之前，你應該堅持 React 的基礎知識，因為這只會讓你一開始的學習體驗變得複雜。由於 React 是一個 Javascript 框架，因此紮實的 Javascript 基礎將為你帶來領先優勢。有了這些知識，JSX 的獨特概念、React 的模板語言以及 React 使用狀態的方式將更容易掌握。

React Native 和 ReactJS 之間有什麼區別，我該學習哪一個？

React 或 React.JS 是一個前端 Javascript library，用於建立 Web UI 元件。如果你對 Web 開發感興趣，React 是學習創建互動式、動態單頁應用程式甚至完整 Web 應用程式的完美程式庫。 React Native 是一個為 Android 手機和 Apple iPhone 建立本機行動應用程式的框架。 React Native 仍然是 React，這意味著建立應用程式的語法和工作流程基本上相同，但產生的元件不同。在 React 中，會產生 Web 元件。在 React Native 中，產生的元件與手機的本機 API 互動。如果你的重點是 Web 開發，那麼你應該學習 React。如果你想建立行動應用程式，最好先學習 React 並熟悉該技術，然後再嘗試 React Native。

為什麼 React 如此受歡迎？

React 受歡迎的原因有很多。原因之一是 Facebook 開發了它。社會證明是，如果它對網路上最受歡迎的社交網路之一 Facebook 來說足夠好，那麼對於其他應用程式來說也應該足夠好。 React 也解決了開發人員過去在開發單頁應用程式 (SPA) 時遇到的許多問題。 React 在 SPA 變得流行時出現，所有現有的構建它們的框架都使開發變得複雜並且容易出現錯誤。 React 比過去的函式庫更好的一個特性是相對易於使用。它的元件是可重用的，而且 React 對虛擬 DOM 的使用使其性能非常出色。 React 在未來應該會繼續流行，因為每個新版本都會帶來新功能和效能改進。

什麼是 React Native？

React Native 由 Facebook 創建，是一個基於開源的行動應用程式框架，僅使用 JavaScript，使其能夠支援 Android 和 iOS 平台。 React，也稱為 React.js，為開發人員節省了時間和精力，因為他們只需要一種程式語言。 Native 元素可讓開發人員建立 JavaScript 元件來設計在各種裝置和平台（例如智慧型手機、智慧型電視和筆記型電腦）上執行的軟體程式。透過 React Native，開發人員可以使用原始 React 框架中使用的相同概念，透過現有元件為各種環境設計豐富的行動使用者介面 (UI)。

哪些職業使用 React Native？

想要同時為 iOS 和 Android 建立行動應用程式以確保無縫部署的企業需要具有 React Native 背景的開發人員。依賴 React Native 的行動應用程式開發職業可以依靠能夠在多個平台上設計和建立令人驚嘆的 UI 的專業人士，因為它與 Windows 和 tvOS 等平台攜手合作。 React Native 開發人員對於幫助 iOS 和 Android 公司透過推播通知和動畫等功能更新和現代化其應用程式也至關重要，從而提高行動應用程式訂閱者的效率。具有 React Native 背景的開發人員可能從事全端開發、設計和完善基於 Web 的遊戲、網站、行動應用程式等。

React Native 和 Google Flutter 有什麼不同？

Google Flutter 為開發者提供了一個與 React Native 有一些相似之處的 UI 工具包。 Flutter 還有一個原生元件，可以從單一原始碼集合編譯 Web、行動和桌面應用程式。依托現有程式碼，Flutter 對開發者來說也是一個免費的開源框架。到目前為止，這兩個框架可能聽起來很相似。然而，React Native 是基於且僅使用 JavaScript，而 Flutter 與該語言只有鬆散的聯繫。 Google Flutter 主要使用一種名為 Dart 的新語言。兩者之間的其他差異包括工具本身的採購和安裝過程、設定和配置、UI 元件和開發以及社群支援。

視訊和音訊製作品質

我們所有的影片均以高品質的視訊和音訊的形式創建/製作，提供最佳的學習體驗。

你會，

看得清楚
聽清楚
不受干擾地完成課程

你還將獲得：

終身訪問該課程
問答部分提供快速友好的支持
Udemy 結業證書可供下載
現在就深入學習我們的完整 React Native 課程（包括 Router、Hooks 和 Context）
我們提供全力支持，回答任何問題。

課程見！

目標受眾

想成為 React 開發者的初學者
任何具有基本 HTML、CSS 和 JavaScript 知識並想要學習如何創建複雜應用程式的人
任何計劃工作轉型並希望成為 React 開發人員的人
任何想要建立令人驚嘆的 React 單頁 Web 應用程式的人
任何想要為 Android 和 IOS 創建行動應用程式的人
計劃在應用程式領域職業生涯的人
研究過 React 但難以掌握某些概念的開發者
任何想要從頭開始並達到更高水平的人
成為網頁開發人員的人
成為行動開發者的人
成為前端 Web 開發人員的人
成為後端 Web 開發人員的人
成為全端 Web 開發人員的人
想成為 Web 開發者、React Native 的人
學習全端 Web 開發的人
學習全端網頁開發或行動應用程式開發的人

講師簡介

Oak Academy Web 與行動開發、IOS、Android、道德駭客、IT

截至2025年，全球科技業正經歷重大變革。世界經濟論壇發布的《2025年未來就業報告》預測，到2030年，全球就業將淨增加7,800萬個，其中將新增1.7億個職位，同時9,200萬個職位將被取代。這種動態變化凸顯了技能再培訓和提升對於使勞動力與不斷變化的行業需求相匹配至關重要。

OAK Academy 的使命

OAK Academy 致力於彌合技能差距，提供易於獲取、與時俱進且符合行業需求的課程。我們的目標是幫助個人開啟新的職業生涯、轉變職業道路或以自己的步調探索新的興趣。我們相信，為這一代人提供必要的技能，才能讓他們在科技業獲得理想的職涯發展。

熱門領域的專業課程

我們專注於以下幾個成長迅猛、需求旺盛的關鍵領域：

人工智慧 (AI) 和機器學習：人工智慧相關職位在就業成長方面遙遙領先，我們的課程旨在培養學生開發智慧演算法和模型，從而推動各行業的創新。

網路安全：歐盟網路安全局 (ENISA) 指出，網路威脅日益複雜且頻繁，因此迫切需要具備相關技能的專業人員來保護數位資產。

資料分析與資料科學：隨著資料在決策中扮演越來越重要的角色，我們的課程著重於解讀複雜的資料集，從而為策略性商業決策提供基礎。

雲端運算：鑑於雲端服務的廣泛應用，我們的課程涵蓋雲端解決方案的設計、部署和管理。

軟體和Web開發：我們提供創建強大應用程式和響應式網站的培訓，這些技能始終備受青睞。

與業界緊密相關且緊跟時代步伐的課程

在OAK學院，我們融合實用見解和真實案例，確保學生為當前的就業市場做好充分準備。

加入OAK學院社區

無論您是初次探索程式設計的新手，還是希望學習新語言的經驗豐富的開發人員，亦或是正在考慮職業轉型的人士，OAK學院都將全力支持您的學習之旅。我們致力於將充滿熱情的人士培養成能夠應對瞬息萬變的科技領域挑戰的專業人士。

如有任何疑問或需要協助，請隨時聯繫我們專業的團隊。

OAK Academy Team 講師

我們是 OAK Academy (橡樹學院)的學生支援團隊，負責教學和課程準備。學生的滿意是我們的首要任務和動力來源。你可以使用此個人資料來解決你的技術支援請求以及購買我們的課程後遇到的問題，並且你可以將你的問題發送給我們。

字幕：英文

想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

Udemy 永久擁有課程許多課程約 NT400(點擊連結看更多)
✨年訂閱每月 NT350(再享特別優惠：年度訂閱首年享 25% 折扣) 🌈 悠遊 Udemy 的 26000+ 門課，最大化學習 ( 原價 NT635/月 )
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現