The Video: Using ReactFire with Ionic Framework & Capacitor

This is a continuation of the previous post I did on ReactFire and Ionic Framework with ReactJS which is available here: https://dev.to/aaronksaunders/using-reactfire-with-ionic-framework-capacitor-35g6

In video we walk through

Explaining the authentication routing for public and private routes.
Use of the ReactFire Hooks and Components
Creating an account using ReactFire
Adding items to a collection with ReactFire

Ionic ReactJS

We also spend some time discussing the using of common Ionic ReactJS Components, Alerts, Modals.

Ionic Web Apps, Mobile Apps

The application source code has been tested to run not only as a website buta mobile application on IOS and Android using Ionic Capacitor

Full Source Code Available

aaronksaunders / ionic-react-hook-form-react-fire

ionic-react-hook-form-react-fire

Name: The Video: Using ReactFire with Ionic Framework & Capacitor
Rating: 4.4 (4006 reviews)
Author: aaronksaunders

Last Updated 8/16/2020

Releases and tags coincide with specific blog posts in the series See Blog Series

Part One - releases/tag/v1.0
Part Two - releases/tag/v1.2
Part Three - releases/tag/v1.3
Part Four - releases/tag/v1.4

Sample project motivated by video by David East on Reactfire

You should know that Reactfire is not considered "Production"
This project has been tested for use on mobile devices using Capacitor on IOS and Android
In this project I use Reactfire, Ionic Framework ReactJS Components and React-Hook-Form.
We use the <AuthCheck/> component for cleaner routing when not logged in, See App.tsx
Currently there is only Login and Listing The Data Collection
Will be adding delete items

Saves The Following Data Structure

I am starting to integrated typescript into my examples since I am seeing questions about types popping up in the forums. The IModalData is the structure of the data that is written to…

View on GitHub