使用 React Hooks 和 Firebase 開發令人驚嘆的應用程式

課程簡介

學習先進的 React 與最流行的無伺服器框架仿製一個 Hacker News 網頁應用程式

課程介紹:English 简中

從這 2.5 小時的課程,你會學到

  • 使用 React Hooks & Firebase + Firestore 建立令人驚歎的即時、無伺服器的應用程式
  • 學習如何使用尖端的 React 功能與最流行的無伺服器平台
  • 建立和發佈高品質的網頁應用程式

要求

課程說明

想要使用最好的 React 功能建立令人驚嘆,快速的網頁應用程式? 這是給你的課程。

在本課程中,您將瞭解建立全端 ( full-stack )、無伺服器應用程式的整個計劃,這些應用程式利用 Firebase 平台上的 React 生態系統的最新和最好的功能

我們將要建造什麼?

在本課程中,我們將看到如何將 React Hooks 和 Firebase 以及 Firestore 結合在一起,從零到部署仿製一個完整的 Hacker News 。 它看起來和運作原理都和原始的 Hacker News 網站一模一樣,只是增加了一些功能。

我們將在整個製作過程中涵蓋大量的概念ーー如何通過 Firebase 對使用者進行深度身份驗證、新增評論、更新故事、以及通過我們的 Firestore 資料庫即時建立、修改和永續化共享連結資料、為應用程式中的基本任務編寫多個可重用的 hook、為新增的功能構建和部署無伺服器的 Firebase 函式,等等… ..。

它將涵蓋哪些概念?

  • 使用 / 整合 Firebase 和 React 的 Rock solid 模式
  • 使用 Firestore 即時資料庫實現完整的 CRUD 功能
  • 建立和使用客製化的 Reat Hooks 與 Firebase
  • 使用 React Context 和 useContext Hook 管理全域性應用程式狀態
  • 使用登入 / 註冊進行 Firebase 身份驗證
  • 為返回使用者重置密碼功能
  • 使用者授權和處理未經授權的操作
  • 具有 React Router 5的深層路由概念
  • 如何實現基於游標( Cursor-based )的分頁
  • 使用 Firestore 查詢對進行排序、順序化和限制文件
  • 全文搜尋功能
  • 使用 Firestore 做資料變更的即時訂閱
  • 建立和部署無伺服器 Firebase Functions
  • 使用 Firebase 工具 CLI
  • 使用 Firebase 託管的無縫應用程式部署( Seamless App Deployment )
  • 使用日期 Fns 格式化時間

為什麼選擇這門課程?

我想用 Hooks 和 Firebase 已經有一段時間了,如果你也有,你會知道這裡很少有關於如何使用 Hooks 製作真實世界的應用程式的內容(當然,除了我的另外兩門課程: p) ,甚至更少關於如何將它們與 Firebase 整合。

這門課程就是為了填補這個空白而設立的。 通過編寫更少的程式碼在應用程式中做你想做的事情,你將得到整個計劃,將它們結合起來,以增強你自己的應用程式開發。

我真的很喜歡製作這門課程,我想你也會同樣喜歡。

期待在課程中見到你們!

目標受眾

  • 程式設計師希望建立令人驚嘆的無伺服器應用程式
  • 希望在真實專案中使用 Hooks 的 React 開發人員
  • 對以最實際的方式學習感興趣的開發人員

講師簡介

Reed Barger  全端 Web & Mobile 開發人員 ( 更多講師主講課程介紹 )

我是一個充滿熱情的全端開發者,熱衷於學習和教授我所知道的東西。 我相信通過實踐學習,這種哲學在我教授的每一門課程中都有體現。 我喜歡探索新的網頁和行動應用程式技術,我的課程專注於給你在今日快速發展的行業中擁有優勢。

除了在 Udemy 上的工作之外,我還建立了 CodeArtistry,為世界各地的開發者提供完整的學習途徑。

英文字幕:有

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

優惠資訊

如何購買這門課程比較划算?可以參考課程合購優惠方案


報名參加課程

Sponsored by Udemy

也許你會有興趣

 學習資訊不漏接-歡迎使用 App 訂閱發文通知 

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: