Development
Web Development
React
React Redux Firebase CRUD Application with Authentication
4.2 (208 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,520 students enrolled

React Redux Firebase CRUD Application with Authentication

Learn React from scratch with Redux and Firebase(database) to build web apps with Authentication and CRUD features.
4.2 (208 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
6,520 students enrolled
Created by Ryan Dhungel
Last updated 12/2019
English
Preview this course
React Redux Firebase CRUD Application with Authentication
Current price: $12.99 Original price: $19.99 Discount: 35% off
7 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 8.5 hours on-demand video
  • 4 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn Modern JavaScript
  • Learn React from Scratch
  • Learn Redux
  • Integrate Redux in React Project
  • Learn to build a real world project
  • Learn to implement CRUD - Create, Read, Update, Delete
  • Learn to use Firebase Realtime Database
  • Implement Commenting system
  • Social Login
  • React Router for Navigation
  • Build a Real Time app
  • Authorization/Protected Routes
  • Deploy to Firebase
Course content
Expand all 80 lectures 08:35:03
+ – Modern JavaScript
12 lectures 01:11:35

NOTE:

ECMAScript (European Computer ManufacturersAssociation) updates that are released will be one above the last digit of the release year; that is, ES7/2016, ES8/2017, and ES9/2018.

Modern JavaScript
Preview 01:53
Creating variables using const
Preview 04:05
Creating variables using let
Preview 03:47
Template strings
Preview 05:09
Default parameters
03:24
Arrow functions
05:57
Arrow functions and this keyword
10:10
Destructuring object
08:13
Destructuring array
02:08
Restructuring
04:56
Spread and rest operators
07:31
Class constructor super
14:22
+ – React Basic
8 lectures 54:24
Installing react
05:23
React files and folders introduction
06:22
Storing data in component state via ajax call
10:58
Rendering state data using map
05:47
Conditional rendering
04:17
Imports exports props
09:35
Handling click events
07:39
Destructuring inline styling and keys
04:23
+ – Installation, Folder Structure and Setup
3 lectures 25:33
Installing react and friends
06:44
Introduction to files and folder structure
09:40
Setup bootstrap and firebase
09:09
+ – Forms, Events and Data Snapshots - React with Firebase
4 lectures 38:26
Creating a form
07:14
Handling onChange event
07:45
Handling onSubmit and saving to firebase realtime database
10:18
Getting snapshot from firebase
13:09
+ – Redux store, Action Creators and Reducers
5 lectures 28:28
Read before continuing this section
00:17
Creating redux store
06:49
Redux action types and action creators
08:26
Creating reducers and combine reducers
09:17
Passing reducers to redux store
03:39
+ – Connect and Implement CRUD in React Redux Application
3 lectures 24:58
Connecting react with redux
14:57
Create and read using redux
04:32
Delete note
05:29
+ – More on React Components
3 lectures 13:51
Using children components
04:31
Converting to functional stateless component
04:11
Login page markup
05:09
+ – Navigation
2 lectures 18:00
Building navbar
12:16
Adding links and inline styling
05:44
+ – Authentication Setup
2 lectures 11:26
Enable authentication options in firebase
05:30
Authentication action creator
05:56
+ – Login, Logout, User Actions and Reducers
5 lectures 29:24
Dispatch social login method on click event
06:33
Get user action creator and reducer
06:36
Getting logged in user info
03:27
Moving routes
09:11
Implement logout
03:37
Requirements
  • Basic knowledge of JavaScript or any other Programming Language
Description

Have you been looking for a FULLY EXPLAINED React with Redux course that goes beyond basics and shows you how to build a Real World Web App? Well, you have arrived to the right place!

This course begins from absolute basics of React, then introduces Redux (a separate section dedicated to make you understand Redux in a simplest possible way) and uses Firebase Realtime Database to build an awesome project.

Lets get straight to the point. You spend weeks, months learning React ES6 etc right? But at the end of the day what matters is what have you build?

If you are still stuck with React’s props and state, arrow functions, destructuring etc and not really sure how to make your way through the basics to the real world web development, this course is your answer!

In this course you will learn to build User Interface using React, manage state using Redux and make CRUD (create, read, update, delete) operations with Firebase, which is a Realtime Database in the cloud by Google.

Noting beats the hands on practical experience. So take this course and embark on a journey to build MODERN WEB APPS using React Redux and Firebase.

Please watch the promo video and go through the Curriculum to get a bigger picture of this course! Thank you.

Who this course is for:
  • Anyone want to learn React JS to build Lightning Fast Web Apps with Firebase Realtime Database