Name: The essential guide to Firebase with React.
Rating: 4.9 (57 reviews)

What you'll learn

Move around Firebase and make it work with a React app
Storage, Databases, hosting, cloud f all the main tools from firebase.

9 sections • 175 lectures • 31h 17m total length

Preview00:59
Preview03:55
Preview05:35
Linking firebase to React
09:22

intro and installation
10:16
Creating the routes
12:11
Adding Redux
15:00
Creating the login form
18:55
Creating a firebase project
07:28
Registering users
09:40
Registering users 2
14:21
Login users
16:05
Auto-signin
12:23
Logout
10:15
Route guards
23:06
Login guard
08:23
Dashboard layout
07:46
Creating the profile
20:59
Creating the login modal
10:35
Finishing the login modal
16:21
Finish update profile
15:25
Creating the add reviews component
16:23
Adding Formik and Yup
18:07
Adding Formik and Yup 2
06:15
Adding a wysiwyg
10:53
Uploading review images
18:23
Uploading review images 2
16:03
Finish uploading review images
11:31
Clearing add reviews
06:00
Main reviews dashboard
16:55
Main reviews dashboard 2
06:21
Main reviews dashboard 3
12:02
Creating the edit reviews
16:28
Finish the edit reviews
08:06
Creating home posts
15:31
Finish home posts
14:53
Creating the review post view
17:56
Finish the review post view
11:27
Creating the contact section
16:57
Sending emails with cloud functions
19:11
Creating the dashboard messages
14:24
Creating the dashboard messages 2
15:55
Adding rules to firestore
10:09
Adding rules to firestore 2
06:35
Adding rules to storage
07:13
Deploy
04:54

Installing node js and using the cli
11:57
The bundle
05:57
Getting started with the Code
09:06
JSX behind the scenes
09:09
Importing components
08:25
Types of components
05:30
Adding styles
10:19
Events
11:39
Using STATE
15:04
Using props
10:45
Using props 2
14:03
Props to class
06:01
React children
03:42
More with styles
06:58
Style plugins
06:34
Filter the news
15:03
ROUTES: installing routes
05:37
ROUTES: Creating components
07:20
ROUTES: Using routes
06:27
ROUTES: Linking
10:52
ROUTES: Params
06:49
ROUTES: Other features
07:18
ROUTES: Switch
03:50
ROUTES: Redirections
06:54
ROUTES: 404 and withrouter
09:56
PROJECT 1: Getting ready
11:14
PROJECT 1: Adding a header and a banner
15:56
PROJECT 1: Bringing the HOME list
10:41
PROJECT 1: Creating the artist detail
18:41
Component life-cycle
07:21
Component life-cycle 2
19:26
Conditional rendering
10:23
Pure components
08:29
Adjacent elements
05:43
HOC
08:47
HOC 2
13:36
TRANSITIONS: Using them
17:28
TRANSITIONS: Using more of it
08:55
TRANSITIONS: CSS transitions
11:50
TRANSITIONS: Transitions group
15:43
Proptypes
10:22
Proptypes 2
08:27
Controlled components
07:58
PROJECT 2: NBA - Installation
08:48
PROJECT 2: Setting routes, footer and header
09:29
PROJECT 2: Adding a carrousel/slider
20:04
PROJECT 2: Subscriptions
19:35
PROJECT 2: Subscriptions 2
10:07
PROJECT 2: Home blocks
13:25
PROJECT 2: Creating a poll
14:58
PROJECT 2: finishing the poll
06:12
PROJECT 2: The teams section
14:42
PROJECT 2: Finishing the teams section
08:54
PROJECT 2: The team view
13:26
REDUX: Redux introduction
08:36
REDUX: Creating a store
07:53
REDUX: The redux flow
05:55
REDUX: Combining reducers
06:34
REDUX: Creating a valid reducer
07:31
REDUX: Creating actions
04:43
REDUX: MapStateToProps and connect
12:43
REDUX: Dispatching
05:47
REDUX: Types
07:57
REDUX: Using middleware
07:44
REDUX: Tiny practice project with redux
06:34
REDUX: Connecting routes and redux
16:42
REDUX: Home, bringing the artists
16:47
REDUX: Filtering the home list
06:15
REDUX: Creating the artists section
16:44
REDUX: Clearing the artistdata
04:11
PROJECT 3: Installation
06:58
PROJECT 3: Adding redux
14:09
PROJECT 3: Getting home data
16:45
PROJECT 3: Latest news component
07:05
PROJECT 3: Other news section
08:56
PROJECT 3: Articles page
16:05
PROJECT 3: Adding the likes component
12:32
PROJECT 3: Finish the handle likes
08:58
PROJECT 3: Clearing data
04:45
HOOKS: Introduction to hooks
01:49
HOOKS: Usestate
13:53
HOOKS: Usestate 2
13:50
HOOKS: UseEffect
16:42
HOOKS: UseReducer
12:27
HOOKS: The context
09:59
HOOKS: The context 2
15:29

Requirements

No, just css and html.

Description

Do you want to create web applications with Firebase and React ?. This is the course for you.

We will start from the very beginning, from "I don't even know how to create a firebase account ….and why should I?“ to actually understand how Firebase works and make a practice project.

You will learn all the logic and practice behind Firebase in different modules and as we advance through the course we will be increasing the difficulty.

To sum everything up, you will learn in this course:

How to move around the firebase dashboard
Understand the different services we we with FBase
Create and application and link it to your React app
Work with Firestore, the firebase DB
How to make authentication happen on your web app.
Understand firebase storage and use it.
How to use cloud functions
Apply rules to your queries.
How to host your app on firebase so the world can see it.
Create a practice application to apply what we have learned

Don’t know how to use React.? Don’t panic, at the end of the course you get a full React mini course, so you get two courses for the price of one.

What about the instructor experience ?

Well I've been around for 13 years now, built lots of applications for small projects and big companies like Citi, Fox, Disney and a lot more.

Today I work as a developer for a major company developing applications on React , Angular and Vue, but I like to teach in my spare time.

How about the target audience?

This course is for almost everyone, a little bit of Javascript is required.We will use ES6 but you can learn as we go.
If you want to take your coding to the next level, this is the course for you.

Who this course is for:

Mostly beginners, but everyone is welcomed.

Coding Revolution

Professional Instructor and Web Developer.

4.5 Instructor Rating
5,329 Reviews
43,654 Students
18 Courses

I started long time ago when the internet fever was starting to appear.I began with programming to create websites for my personal projects but but after a while people started to contact me to develop their websites, funny how everything worked out.

I worked with technologies such as PHP, Wordpress, Laravel, NodeJS, Phyton and many other languages, but today I like to work with JavaScript based tech like React, Angular or VueJS. Yes I am JavaScript Lover :)

Build a lots of applications for very small companies and pretty huge ones like Citi, Fox, Disney, Roche and many others.

But besides developing, I like to interact with people by teaching what I love.

The essential guide to Firebase with React.

What you'll learn

Course content

Introduction4 lectures • 20min

Firestore12 lectures • 1hr 55min

Authentication8 lectures • 1hr 21min

Storage9 lectures • 1hr 18min

Hosting2 lectures • 16min

Firebase rules6 lectures • 1hr 3min

Cloud functions6 lectures • 1hr 7min

Practice project: xnbeats42 lectures • 9hr 8min

React mini-course [ optional ]86 lectures • 14hr 49min

Requirements

Description

Who this course is for:

Instructor