- Learn how to work with a React Web Template by creating a functional authentication using Redux and Firebase.
- Free tutorial
- Rating: 4.1 out of 54.1 (209 ratings)
- 13,651 students
- 37min of on-demand video
- Created by Creative Tim
- English
What you’ll learn
- Usage of a React Web Template
- Usage of a Reactstrap Web Template
- Routing for Authentication
- Add Redux to a React project
- Create Redux Store
- Create Redux Actions
- Create Redux Reducers
- Create a Firebase account
- Create a Firebase project
- Add Firebase to a React and Redux project
- Connect Redux Actions with Firebase
- Make Authentication with Firebase
- Insert in Firebase Realtime Database
Requirements
- Beginner level of React
- Beginner level of Redux
Description
Hello guys, our colleague who is the Head of the ReactJs Department at Creative Tim has created this nice tutorial. In this tutorial, he is showing you guys how to work with React, Firebase and Redux. You’ll learn how to make functional login and register pages, and also how to make inserts in the Firebase database.
Who this course is for:
- Beginner level of React that want to create a functional React app
- Beginner level of Redux that want to create a functional Redux app
- Beginner level of React or Redux that want to create a functional React app
- Beginner level of React or Redux that want to create a functional Redux app
- Beginner level of React and Redux that want to create a functional React app
- Beginner level of React and Redux that want to create a functional Redux app
- Beginner level of React that want to see how a React app should be integrated with Firebase
- Beginner level of Redux that want to see how a Redux app should be integrated with Firebase
Show less
Course content
7 sections • 22 lectures • 37m total lengthCollapse all sections
Introduction1 lecture • 1min
- Introduction00:34
Starting the project2 lectures • 3min
- Getting started with a React Design System01:13
- Adding Redux with Actions, Reducers and Store to this starter template01:48
Actions4 lectures • 5min
- Create the addStatCardAction02:16
- Create the getAllStatCardsAction00:54
- Create the loginAction00:49
- Create the registerAction00:46
Reducers3 lectures • 3min
- Create the statCardReducer01:20
- Create the authReducer01:09
- Create the rootReducer00:51
Store1 lecture • 1min
- Create the store01:06
Connecting the app to Redux6 lectures • 15min
- Connect to Redux the index file01:02
- Connect to Redux the Auth file01:23
- Connect to Redux the Admin file01:51
- Connect to Redux the Login file02:43
- Connect to Redux the Register file02:23
- Connect to Redux the Header file05:36
Connecting the app to Firebase5 lectures • 9min
- Setting Firebase02:34
- Connecting registerAction with Firebase02:48
- Connecting loginAction with Firebase01:26
- Connecting getAllStatCardsAction with Firebase01:07
- Connecting addStatCardAction with Firebase01:34
