Introduction
This course will give you all the knowledge required to start building modern realtime web applications using React JS, Redux and Firebase.
If 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 then this course if perfect for you.
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. So lets begin building this awesome project!
Prerequisite
Basic knowledge of Modern JavaScript/EcmaScript
Lessons 53
1 React Redux Firebase Course Introduction
Free
Video + Article
React Redux Firebase Course Introduction
2 Installing React, Redux, React Router Dom and Redux Devtools
Free
Video + Article
Installing React, Redux, React Router Dom and Redux Devtools
3 Introduction to files and folder structure
Free
Video + Article
Introduction to files and folder structure
4 Setup bootstrap and firebase
Free
Video + Article
Setup bootstrap and firebase
5 Creating a form in React
Free
Video + Article
6 Handling on change event in React
Members
Video + Article
Become a
Pro member and access everything!
7 Handling on submit in React and saving to firebase database
Members
Video + Article
Become a
Pro member and access everything!
8 Getting snapshot from firebase
Members
Video + Article
Become a
Pro member and access everything!
9 Creating Redux store
Members
Video + Article
Become a
Pro member and access everything!
10 Redux action type and action reducers
Members
Video + Article
Become a
Pro member and access everything!
11 Creating reducers and combineReducers
Members
Video + Article
Become a
Pro member and access everything!
12 Passing reducers to Redux store
Members
Video + Article
Become a
Pro member and access everything!
13 Connecting React with Redux
Members
Video + Article
Become a
Pro member and access everything!
14 Create and read using Redux
Members
Video + Article
Become a
Pro member and access everything!
15 Delete note
Members
Video + Article
Become a
Pro member and access everything!
16 Using children component
Members
Video + Article
Become a
Pro member and access everything!
17 Converting to Functional stateless component
Members
Video + Article
Become a
Pro member and access everything!
18 Login page markup
Members
Video + Article
Become a
Pro member and access everything!
19 Building navbar
Members
Video + Article
Become a
Pro member and access everything!
20 Adding links and inline styling
Members
Video + Article
Become a
Pro member and access everything!
21 Enable authentication options in firebase
Members
Video + Article
Become a
Pro member and access everything!
22 Authentication action creator
Members
Video + Article
Become a
Pro member and access everything!
23 Dispatch social login method on click event
Members
Video + Article
Become a
Pro member and access everything!
24 Get user action creator and reducer
Members
Video + Article
Become a
Pro member and access everything!
25 Getting logged in user info
Members
Video + Article
Become a
Pro member and access everything!
26 Moving routes
Members
Video + Article
Become a
Pro member and access everything!
27 Implement Logout
Members
Video + Article
Become a
Pro member and access everything!
28 Dispatching Notes status
Members
Video + Article
Become a
Pro member and access everything!
29 Dispatching User status
Members
Video + Article
Become a
Pro member and access everything!
30 Loading Reducer
Members
Video + Article
Become a
Pro member and access everything!
31 Loading component part one
Members
Video + Article
Become a
Pro member and access everything!
32 Loading component part two
Members
Video + Article
Become a
Pro member and access everything!
33 Authenticated Component
Members
Video + Article
Become a
Pro member and access everything!
34 Redirect users to login or home page
Members
Video + Article
Become a
Pro member and access everything!
35 Styling landing page
Members
Video + Article
Become a
Pro member and access everything!
36 Permission to delete note
Members
Video + Article
Become a
Pro member and access everything!
37 Display note details
Members
Video + Article
Become a
Pro member and access everything!
38 Submit comment component
Members
Video + Article
Become a
Pro member and access everything!
39 Comment onchange and onsubmit
Members
Video + Article
Become a
Pro member and access everything!
40 Push comments to firebase
Members
Video + Article
Become a
Pro member and access everything!
41 Rendering comments
Members
Video + Article
Become a
Pro member and access everything!
42 Note Update page
Members
Video + Article
Become a
Pro member and access everything!
43 Populate note content to update
Members
Video + Article
Become a
Pro member and access everything!
44 Implementing Update note
Members
Video + Article
Become a
Pro member and access everything!
45 Redirect to login page
Members
Video + Article
Become a
Pro member and access everything!
46 Give a modern look with awesome CSS
Members
Video + Article
Become a
Pro member and access everything!
47 User profile on side
Members
Video + Article
Become a
Pro member and access everything!
48 Styling Loading component
Members
Video + Article
Become a
Pro member and access everything!
49 Deploy to Firebase Hosting
Members
Video + Article
Become a
Pro member and access everything!
50 Learning Redux
Free
Video + Article
51 How Redux works part one
Free
Video + Article
52 How Redux works part two
Free
Video + Article
53 How Redux works part three
Free
Video + Article
How Redux works part three