{"id":14985821,"url":"https://github.com/aaronksaunders/ionic-react-hook-form-react-fire","last_synced_at":"2025-10-05T03:41:36.675Z","repository":{"id":139352976,"uuid":"281252061","full_name":"aaronksaunders/ionic-react-hook-form-react-fire","owner":"aaronksaunders","description":null,"archived":false,"fork":false,"pushed_at":"2024-12-29T04:43:21.000Z","size":870,"stargazers_count":6,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-11T22:11:56.532Z","etag":null,"topics":["authentication","firebase","firebase-auth","ionic","ionic-framework","ionic-react","ionicframework","react","react-hook-form","reactfire","reactjs","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aaronksaunders.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-07-21T00:04:41.000Z","updated_at":"2024-12-29T04:43:25.000Z","dependencies_parsed_at":null,"dependency_job_id":"bd64669c-0d07-4949-924c-6a8289f7b84d","html_url":"https://github.com/aaronksaunders/ionic-react-hook-form-react-fire","commit_stats":{"total_commits":20,"total_committers":2,"mean_commits":10.0,"dds":0.35,"last_synced_commit":"acb0cafbc4a61e0a683e6c0baff2609beeb7603b"},"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/aaronksaunders/ionic-react-hook-form-react-fire","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-react-hook-form-react-fire","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-react-hook-form-react-fire/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-react-hook-form-react-fire/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-react-hook-form-react-fire/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aaronksaunders","download_url":"https://codeload.github.com/aaronksaunders/ionic-react-hook-form-react-fire/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-react-hook-form-react-fire/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278404453,"owners_count":25981285,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-05T02:00:06.059Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["authentication","firebase","firebase-auth","ionic","ionic-framework","ionic-react","ionicframework","react","react-hook-form","reactfire","reactjs","typescript"],"created_at":"2024-09-24T14:11:44.284Z","updated_at":"2025-10-05T03:41:36.626Z","avatar_url":"https://github.com/aaronksaunders.png","language":"TypeScript","readme":"[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W31U7HM)\n\n# ionic-react-hook-form-react-fire\n\n---\n### NEW Updated Project 12/2025 SEE THIS REPOSITORY - https://github.com/aaronksaunders/ionic-react-reactfire-capacitor-app\n---\n\nReleases and tags coincide with specific blog posts in the series [See Blog Series](https://dev.to/aaronksaunders/using-reactfire-with-ionic-framework-capacitor-35g6)\n- Part One - [releases/tag/v1.0](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/releases/tag/v1.0)\n- Part Two - [releases/tag/v1.2](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/releases/tag/v1.2)\n- Part Three - [releases/tag/v1.3](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/releases/tag/v1.3)\n- Part Four - [releases/tag/v1.4](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/releases/tag/v1.4)\n\nSample project motivated by [video by David East](https://www.youtube.com/watch?v=cyQW2leJBnI) on [Reactfire](https://github.com/FirebaseExtended/reactfire)\n\n- **You should know that [Reactfire](https://github.com/FirebaseExtended/reactfire) is not considered \"Production\"**\n- This project has been tested for use on mobile devices using [Capacitor](https://capacitorjs.com/) on IOS and Android\n- In this project I use [Reactfire](https://github.com/FirebaseExtended/reactfire), [Ionic Framework ReactJS Components](https://ionicframework.com/react) and [React-Hook-Form](https://react-hook-form.com/).\n- We use the `\u003cAuthCheck/\u003e` component for cleaner routing when not logged in, See [App.tsx](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/blob/master/src/App.tsx)\n- Currently there is only [Login](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/blob/master/src/pages/Login.tsx) and [Listing The Data Collection](https://github.com/aaronksaunders/ionic-react-hook-form-react-fire/blob/master/src/pages/Home.tsx)\n- Will be adding delete items\n\n### Saves The Following Data Structure\nI 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 firebase\n```javascript\ntype IModalData = {\n  podcastName: string;\n  podcastHost: string;\n  podcastURL: string;\n};\n\nexport type IModalResponse = {\n  hasData: boolean;\n  data?: IModalData;\n};\n\n```\n\n### Required\nyou must create a file called `src/env.js` and add the following code\n```javascript\nexport const FIREBASE_CONFIG = {\n// YOUR FIREBASE CONFIGURATION\n};\n\n// NAME OF COLLECTION IN FIREBASE TO LIST\nexport const FIREBASE_COLLECTION_NAME = \"podcast-favs\"\n\n// THIS IS REQUIRED FOR ANDROID\n// SEE - https://github.com/FirebaseExtended/reactfire/issues/228\nglobal.globalThis = window;\n```\n\n### Whats Next\n- Add Items Using Ionic Modal        - Added on 7/31/200\n- Create Account                     - Added on 7/31/200\n- Delete Items using IonSlidingItem  - Added on 8/16/200\n- Update Items                       - Added on 8/16/200\n- Reset Forms                        - Added on 8/16/200\n- Default Data in ReactHook Form     - Added on 8/16/200\n\n\n\n### See Other Work On My YouTube Channel\n- https://www.youtube.com/channel/UCMCcqbJpyL3LAv3PJeYz2bg\n","funding_links":["https://ko-fi.com/W7W31U7HM"],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fionic-react-hook-form-react-fire","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faaronksaunders%2Fionic-react-hook-form-react-fire","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fionic-react-hook-form-react-fire/lists"}