Development
Web Development
React
Awesome Apps with React Hooks and Firebase
4.3 (269 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.
1,207 students enrolled

Awesome Apps with React Hooks and Firebase

Learn cutting-edge React along with the most popular serverless framework by building a Hacker News Clone
4.3 (269 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.
1,207 students enrolled
Created by Reed Barger
Last updated 1/2020
English
English [Auto]
Preview this course
Awesome Apps with React Hooks and Firebase
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
Buy now
30-Day Money-Back Guarantee
This course includes
  • 2.5 hours on-demand video
  • 21 downloadable resources
  • 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
  • Build amazing realtime, serverless apps with React Hooks & Firebase + Firestore
  • Learn how to use cutting edge React features with the most popular serverless platform
  • Create and ship high-quality web apps
Course content
Expand all 29 lectures 02:39:33
+ – Custom React Hook
2 lectures 19:17
Developing a Reusable Form Hook
09:21
Adding Validation to useFormValidation
09:56
+ – Firebase Authentication
7 lectures 33:03
Create Firebase Project, Setup Auth Resource
03:31
Registering and Logging in Users with Firebase Auth
06:36
Handling Serverside Errors
02:24
Tracking User Sessions with useAuth Hook
04:30
Providing User Data and Firebase Instance with React Context
05:47
Adding Logout Functionality
02:16
Password Reset Functionality
07:59
+ – Firestore CRUD Operations
6 lectures 35:04
Building Create Link Form with Validation
07:43
Adding Firestore and Creating Links
06:08
Fetching Links with .get(), .onSnapshot()
04:45
Displaying Links, Formatting Urls and Dates
07:26
Upvoting Links, Updating Docs in Firestore
05:37
Deleting Links, Firestore Docs
03:25
+ – Ordering, Limiting, Searching, Pagination
5 lectures 36:36
Ordering, Sorting Documents in Firestore
05:02
Adding Full-Text Search
07:06
Displaying Link Details, Adding Comments
10:23
Dynamically Ordering Links, Preparing for Pagination
04:48
Cursor-based Pagination with startAfter and limit
09:17
+ – Firebase Hosting for Deployment
1 lecture 04:44
Deployment with Firebase Hosting
04:44
Requirements
  • Familiarity with React Hooks; students of my React Hooks course
  • Knowledge of Firebase helps, but not required
Description

Want to build stunning, blazing-fast web apps with the best in React development? This is the course for you.

In this course, you'll get the entire plan on building full-stack, serverless applications that harness the latest and greatest features in the React ecosystem on top of the Firebase platform.

WHAT WILL WE BE BUILDING?​

In this course, we’ll see how to bring React Hooks and Firebase as well as Firestore together to build a complete Hacker News Clone from zero to deployment. It looks and works exactly like the original Hacker News site, but with some added features.

We’ll cover tons of concepts throughout the process of making it—how to authenticate users with Firebase in-depth, adding comments, upvoting stories, and creating, modified and persisting shared link data all in realtime with our Firestore database, writing multiple reusable Hooks for essential tasks in our app, building and deploy serverless Firebase functions for added functionality, and much more...

WHAT CONCEPTS WILL IT COVER?​

  • Rock solid patterns for using / integrating Firebase with React

  • Full CRUD Functionality with the Firestore Realtime Database

  • Building and Using your Own Custom React Hooks with Firebase

  • Managing Global App State with React Context and the useContext Hook

  • Firebase Authentication with Login / Register

  • Reset Password Functionality for Returning Users

  • User Authorization and Handling Unauthorized Actions

  • In-Depth Routing Concepts with React Router 5

  • How to Implement Cursor-based Pagination

  • Sorting, Ordering and Limiting Documents with Firestore Queries

  • Full-Text Search Functionality

  • Realtime Subscriptions upon Data Changes with Firestore

  • Building and Deploying Serverless Firebase Functions

  • Working with the Firebase Tools CLI

  • Seamless App Deployment with Firebase Hosting

  • Using Date Fns to Format Time

WHY TAKE THIS COURSE​?

I’ve wanted to work with Hooks and Firebase for quite a while now, and if you have as well, you’ll know here’s very little content on how to make real-world apps using Hooks (aside from my two other courses, of course :P), and even less on how to integrate them with Firebase.

This course was created to fill that gap. You’ll get the entire plan for combining them to supercharge your own app development by writing less code to do what you want within your apps.

I really enjoyed making this course and I think you’ll enjoy taking it just as much.​

Looking forward to seeing you within the course!

Who this course is for:
  • Programmers looking to build amazing serverless apps
  • React developers looking to use Hooks in real-world projects
  • Developers interested in learning in the most practical manner
Featured review
Bob MacNeal
Bob MacNeal ( 20 courses, 6 reviews )
a year ago
This was a good match for me. I was an early adopter to firebase (pre google days) and have been using hooks extensively in my React apps. The sample app is clean & simple. I'm picking up simplifying patterns from the lecture and sample code.