loading...
Cover image for [Code] React Ionic Framework, User Authentication and Account Creation With Mobx & Firebase

[Code] React Ionic Framework, User Authentication and Account Creation With Mobx & Firebase

aaronksaunders profile image Aaron K Saunders ・1 min read

Simple app showing how to using the ionic components with react js while supporting CRUD actions against objects in Firebase Database.

This is old code written NOT using typescript for a more gentle introduction to utilizing reactjs with ionic framework.

It has been updated to all of the latest libraries

  • IonTabs
  • Tabs Detail Page
  • IonDatePicker
  • IonModal
  • IonToast
  • IonList
  • Firebase Authentication
  • Mobx State Management
  • Firebase CRUD
  • Firebase Create Account
  • Capacitor Integration

GitHub logo aaronksaunders / ionic-react-auth-firebase

react with ionic v4 web components tabs, firebase authentication & mobx for state management

React Project using Ionic v5 Components - Updated April 2020

April 2020 - Updated to latest versions of ionic/react, mobx and capacitor

October 2019 - This is a link to another sample application using Ionic Framework, Firebase and React, but this one uses react-hooks. This is sample code from the ReactJS Course I taught at Inclusive Innovation Incubator as part of our #TheFutureIsWrittenInCode initiative

https://github.com/aaronksaunders/react-course-firebase-hooks-app/tree/capacitor-ionic


Click To View Ionic React Video Playlist

---

Responding to suggestion from Max Lynch...

"If someone wrote a tutorial on using Ionic React with Firebase that would be pretty cool (hint hint)"

So I pulled together some of the code I was already playing with, will post more as I work on additional features

  • IonTabs
    • Tabs Detail Page
  • IonDatePicker
  • IonModal
  • IonToast
  • Firebase Authentication
  • Mobx State Management

Still working on

  • Firebase CRUD
  • Firebase Create Account
  • IonList

Configure Firebase

// firebaseService.js - set your own firebase project
…

YouTube Video Series on React and Ionic

Alt Text
https://www.youtube.com/playlist?list=PL2PY2-9rsgl3OHIMYb1AzVG5wADUxOmUW

Discussion

markdown guide