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
课程 证书
使用您的证书来转换职业或在您目前的职业中提升。