Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
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
Development Web Development React

Awesome Apps with React Hooks and Firebase

Learn cutting-edge React along with the most popular serverless framework by building a Hacker News Clone
Rating: 4.6 out of 54.6 (305 ratings)
1,369 students
Created by Reed Barger
Last updated 1/2020
English
English [Auto]
30-Day Money-Back Guarantee

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

8 sections • 29 lectures • 2h 39m total length

  • Preview00:58
  • How to Get the Most out of This Course
    01:25
  • Preview01:12
  • Preview01:08

  • Adding Routing with React Router 5
    Preview04:11
  • Building Header / Navigation
    Preview04:24
  • Preview06:08

  • Developing a Reusable Form Hook
    09:21
  • Adding Validation to useFormValidation
    09:56

  • 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

  • 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, 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 Function for Offset Query
    11:23

  • 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
Rating: 4.5 out of 5a 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.

Instructor

Reed Barger
Professional Web and Mobile Developer
Reed Barger
  • 4.3 Instructor Rating
  • 8,410 Reviews
  • 35,831 Students
  • 20 Courses

I am a professional developer with a passion for learning and teaching everything I know.

I believe in learning through doing and this philosophy is present in every course that I teach.

I love to explore new web & mobile technologies and my courses focus on giving you the edge in our fast-moving industry.

Looking forward to seeing you inside one of my courses!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.