React Redux Firebase 身份驗證與CRUD應用程式
使用React、Redux和Firebase實現社交媒體身份驗證以及CRUD、排序、搜尋和過濾功能
課時 -55
資源 -1
時長 -4小時
終身訪問

課程描述
想在Redux和Firebase的幫助下構建一個React應用程式嗎?本課程適合您。
本課程非常適合那些對HTML、CSS和Javascript瞭解較少的人。我們並不是說您需要成為JavaScript大師,但迴圈和函式之類的概念應該對您比較熟悉。如果您瞭解ES6,那就太好了;如果不瞭解,也不要擔心,本課程也會講解ES6。
在本課程中,我們將瞭解如何將React Hooks、Firebase和Redux結合起來,構建一個完整的CRUD應用程式以及身份驗證功能,並且還包括搜尋、排序和過濾等功能。
在構建過程中,我們將涵蓋大量概念——如何在React應用程式中使用Redux和Firebase啟用社交媒體身份驗證;使用我們的Firebase即時資料庫獲取、新增、建立、刪除、更新、搜尋、排序和過濾資料;編寫不同的Firebase查詢以在我們的應用程式中執行此任務等等。
課程結束後,您將已經構建了一個複雜的聯絡人管理Web應用程式,它使用了React、Redux和Firebase。這個強大的應用程式將給即使是最資深的開發者留下深刻印象,並確保您擁有可以在任何專案或公司中使用的React和Redux實踐技能。
本課程將向您展示如何:
使用React、Redux和Firebase構建一個複雜的聯絡人管理Web應用程式
使用Redux管理Firebase身份驗證(例如Google和Facebook)。
將您的應用程式連線到Firebase(一個強大的資料庫)。
使用React Router v6在您的應用程式中導航
使用更新後的React Router v6處理路由保護
建立函式式元件
使用JSX構建使用者介面
使用Props傳遞資料
使用bootstrap和font-awesome設計我們的登入和註冊頁面。
使用我們自己的CSS設計應用程式中的不同頁面。
目標
您將學習在React中使用Redux進行Firebase身份驗證
您將學習如何在React中編寫各種Firebase查詢
您將瞭解Redux和Redux-thunk的概念
您將學習如何在Redux-thunk中編寫Firebase查詢
使用Firebase查詢實現CRUD功能
使用Firebase查詢執行搜尋、排序和過濾
您還將學習如何保護路由
您還將學習一些 ES6 語法
先決條件
需要基本的 HTML、CSS 和 JavaScript 知識。
對 ES6 模組的基本理解
基本的 React 知識將是一個優勢。
需要一點 Redux 知識,但我將從頭開始解釋一切。
無需 Firebase 的任何先前工作經驗
課程大綱
檢視課程內容的詳細分解
簡介
2 節課
-
簡介 02:06 02:06
-
應用預覽 06:29 06:29
Redux
3 節課
登入與註冊
6個講座
Redux Firebase 登入
2 個講座
社交媒體認證
5 節課
使用 Firebase 搜尋
3 個講座
使用 Firebase 排序
4 節課
課程總結
1 節課程
講師 詳情
Saumitra Vishal
課程 證書
使用您的證書來轉換職業或在您目前的職業中提升。
我們的學生與
最好的公司合作
相關影片課程
檢視更多