English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 2h 38m | 1.45 GB
Master cutting-edge React along with the most popular serverless framework by building a Hacker News clone
In this course, you’ll build full-stack, serverless applications that harness the latest and greatest features in the React ecosystem on top of the Firebase platform.
You’ll learn how to bring React Hooks, Firebase, and Firestore together to build a complete Hacker News clone from zero to deployment. It will look and work exactly like the original Hacker News site, but with some added features.
You’ll cover tons of concepts throughout the process of making your Hacker News clone: authenticating users with Firebase in-depth; adding comments; upvoting stories; creating, modifying, and persisting shared link data in real-time with your Firestore database; writing multiple reusable hooks for essential tasks in your app; building and deploying serverless Firebase functions for added functionality; and much more.
This course covers:
- Rock-solid patterns for using/integrating Firebase with React
- Full CRUD functionality with the Firestore real-time 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 on data changes with Firestore
- Working with the Firebase Tools CLI
- Seamless app deployment with Firebase hosting
- Using date functions to format time
Learn
- Build amazing, real-time, serverless apps with React Hooks, Firebase, and Firestore
- Learn how to use cutting-edge React features with the most popular serverless platform
- Create and ship high-quality web apps
Table of Contents
Getting Started
1 Tools Required
2 Getting our Starting Code
3 Overview of Project Code
App Structure
4 Adding Routing with React Router 5
5 Building Header / Navigation
6 Creating and Toggling Login / Register Forms
Custom React Hook
7 Developing a Reusable Form Hook
8 Adding Validation to useFormValidation
Firebase Authentication
9 Create Firebase Project, Setup Auth Resource
10 Registering and Logging in Users with Firebase Auth
11 Handling Serverside Errors
12 Tracking User Sessions with useAuth Hook
13 Providing User Data and Firebase Instance with React Context
14 Adding Logout Functionality
15 Password Reset Functionality
Firestore CRUD Operations
16 Building Create Link Form with Validation
17 Adding Firestore and Creating Links
18 Fetching Links with. get(), .onSnapshot()
19 Displaying Links, Formatting Urls and Dates
20 Upvoting Links, Updating Docs in Firestore
21 Deleting Links, Firestore Docs
Ordering, Limiting, Searching, Pagination
22 Ordering, Sorting Documents in Firestore
23 Adding Full-Text Search
24 Displaying Link Details, Adding Comments
25 Dynamically Ordering Links, Preparing for Pagination
26 Cursor-based Pagination with startAfter and limit
Firebase Functions for Serverless Backends
27 Firebase Function for Offset Query
Firebase Hosting for Deployment
28 Deployment with Firebase Hosting
Resolve the captcha to access the links!