DEV Community

Cover image for [Code] React Ionic Framework, User Authentication and Account Creation With Mobx & Firebase
Aaron K Saunders
Aaron K Saunders

Posted on

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

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

ko-fi

React Project using Ionic v5 Components - Updated April 2020

See YouTube Video with Updated Content

August 2020 - Updated to latest versions of ionic/react, mobx and capacitor, refactored login process to be "clearer" using mobx hooks instead of inject

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

  • โ€ฆ

YouTube Video Series on React and Ionic

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

Top comments (0)