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
We also spend some time discussing the using of common Ionic ReactJS Components, Alerts, Modals.
The application source code has been tested to run not only as a website buta mobile application on IOS and Android using Ionic Capacitor
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
- 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…