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

Aaron K Saunders - Apr 22 '20 - - Dev Community

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

  • …
View on GitHub

YouTube Video Series on React and Ionic

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

Image
CSS Flexbox vs Gridbox: A Detailed Comparison

css, webdev, html, bootstrap
Image
langkah menjadikan judi slots online buat sumber pendapatan
Image
jiji registration Guide | 09130742511

jiji, jijicustomercare, jijiregistration, sell
Image
Responsible For An Lightest Self Propelled Wheelchair Budget? 10 Wonderful Ways To Spend Your Money
Image
The Role of Salesforce CRM in Modern Business: Insights from Development Experts

salesforce, crm, business, solutions
Image
Comprehensive Guide to the Capabilities and Applications of Large Language Models (LLMs)

ai, llm, rag
Image
Menelusuri Dunia Judi: Antara Risiko dan Keseruan
Image
10 Things You Learned In Kindergarden To Help You Get Started With Car Key Remote Repair Near Me
Image
2684. Maximum Number of Moves in a Grid

php, leetcode, algorithms, programming
Image
10 Facebook Pages That Are The Best That I've Ever Seen. What Is The Average Settlement For Asbestos Claim
Image
Judi: Antara Keseruan dan Risiko yang Mengintai
Image
Modernize Your Customs Process: The End of Legacy Systems

ai, productivity, learning, discuss
Image
What NOT To Do During The Attorneys For Asbestos Exposure Industry
Image
Power BI Measure vs. Column: When to Use Measures and Columns in Your Data Model

powerbi
Image
Functions in JS
Image
sebuah anjuran singkat buat anda seorang pemain slots online pemula
Image
Choosing Between Next.js and the MERN Stack: A Simple Guide
Image
peristiwa perjudian slots online uang asli ternama
Image
7 Simple Tips For Rocking Your Va Asbestos Claims
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .