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

Contents

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

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

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

要求

熟悉 React Hooks ( 請參考講師的 React Hooks 課程 )
Firebase 的知識有幫助，但不是必需的

課程說明

想要使用最好的 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

點選這個 Network & Security 課程✨優惠連結✨ ( NT370 起限時特價中 ) | Udemy 永久擁有課程 ( 在電腦瀏覽器登入，點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得）
Udemy 現在越來越多課程有中文字幕，請參考 Soft & Share 中文線上課程
手機上點選優惠連結看到的價格比電腦上看到的貴
＄代表當地貨幣, 如在台灣為 NT
點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上，請稍等刷新或重新點選就會出現