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
ionic-react-hook-form-react-fire
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โฆ
Top comments (0)