React Redux Firebase CRUD Application with Authentication #react #redux #firebase

React Redux Firebase CRUD Application with Authentication

#besttutorial #react #redux #firebase #reacttutorial #reduxtutorial #firebaseauth #reactredux #firebasewithreact #reactauthentication #reacttutorialforbeginners

***** LECTURES *****
01 Modern JavaScript
00:00:00 - 001 Modern JavaScript
00:01:53 - 002 Restructuring
00:06:49 - 003 Spread and rest operators
00:14:21 - 004 Class constructor super
00:28:43 - 005 Creating variables using const
00:32:49 - 006 Creating variables using let
00:36:36 - 007 Template strings
00:41:46 - 008 Default parameters
00:45:11 - 009 Arrow functions
00:51:08 - 010 Arrow functions and this keyword
01:01:19 - 011 Destructuring object
01:09:33 - 012 Destructuring array
02 React Basic
01:11:41 - 013 Installing react and friends
01:18:26 - 014 Introduction to files and folder structure
01:28:06 - 015 Setup bootstrap and firebase
01:37:15 - 016 Storing data in component state via ajax call
01:48:14 - 017 Rendering state data using map
01:54:02 - 018 Conditional rendering
01:58:19 - 019 Imports exports props
02:07:55 - 020 Handling click events
02:15:35 - 021 Destructuring inline styling and keys
03 Forms Events and Data Snapshots React with Firebase
02:19:59 - 022 Creating a form
02:27:14 - 023 Handling onChange event
02:34:59 - 024 Handling onSubmit and saving to firebase realtime database
02:45:18 - 025 Getting snapshot from firebase
04 Understanding How Redux Works
03:00:07 - 026 Learning redux
03:04:15 - 027 How redux works part one
03:13:31 - 028 How redux works part two
03:22:01 - 029 How redux works part three
05 Redux store Action Creators and Reducers
03:28:07 - 030 Creating redux store
03:34:57 - 031 Redux action types and action creators
03:43:23 - 032 Creating reducers and combine reducers
03:52:40 - 033 Passing reducers to redux store
06 Connect and Implement CRUD in React Redux Application
03:56:20 - 034 Connecting react with redux
04:11:17 - 035 Create and read using redux
04:15:50 - 036 Delete note
07 More on React Components
04:21:20 - 037 Using children components
04:25:52 - 038 Converting to functional stateless component
04:30:04 - 039 Login page markup
08 Navigation
04:35:14 - 040 Building navbar
04:47:30 - 041 Adding links and inline styling
09 Authentication Setup
04:53:14 - 042 Enable authentication options in firebase
04:58:44 - 043 Authentication action creator
10 Login Logout User Actions and Reducers
05:04:40 - 044 Dispatch social login method on click event
05:11:14 - 045 Get user action creator and reducer
05:17:51 - 046 Getting logged in user info
05:21:18 - 047 Moving routes
05:30:29 - 048 Implement logout
11 Managing Notes and User Status
05:34:07 - 049 Dispatching notes status
05:40:45 - 050 Dispatching users status
12 Loading and Authenticated Components
05:43:05 - 051 Loading reducer
05:49:25 - 052 Loading component part one
05:57:22 - 053 Loading component part two
06:07:30 - 054 Authenticated component
13 Redirects, Permissions and Note Details
06:19:08 - 055 Redirect users to login or home page
06:26:00 - 056 Styling landing page
06:31:24 - 057 Permission to delete note
06:35:44 - 058 Display note details
14 Commenting System
06:43:15 - 059 Submit comment component
06:50:28 - 060 Comment onChange and onSubmit
06:58:19 - 061 Push comments to firebase
07:06:07 - 062 Rendering comments
15 Note Update
07:13:43 - 063 Note update page
07:22:01 - 064 Populate note content to update
07:27:54 - 065 Implementing update note
16 User profile and styling
07:34:01 - 066 Redirect to login page
07:40:26 - 067 Give a modern look with awesome CSS
07:49:20 - 068 User profile on side
07:55:59 - 069 Styling loading component
17 Deploying to Firebase Hosting
08:02:34 - 070 Deploy to firebase hosting

Learn React from scratch with Redux and Firebase(database) to build web apps with Authentication and CRUD features.

------------------------ Download Code -----------------------
https://uploadrar.com/djoij8hdybch

react firebase crud
react
firebase
redux
react firebase
react redux firebase authentication
best tutorial
react redux firebase
crud application
firebase crud application
React Redux Firebase CRUD Application with Authentication
react firebase authentication
react firebase tutorial
redux firebase authentication
redux firebase auth
redux firebase crud
firebase tutorial
react redux project
react redux tutorial
React Redux Firebase CRUD