{"id":18770205,"url":"https://github.com/imedadel/react-firebase-links","last_synced_at":"2026-04-18T02:04:55.427Z","repository":{"id":97806305,"uuid":"248741345","full_name":"imedadel/react-firebase-links","owner":"imedadel","description":"📚 Libraries and tutorials for integrating Firebase with React","archived":false,"fork":false,"pushed_at":"2020-03-22T10:00:05.000Z","size":13,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-12-22T10:34:30.171Z","etag":null,"topics":["firebase","nextjs","react","redux","rxfire","rxjs","swr"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"unlicense","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/imedadel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-03-20T11:42:05.000Z","updated_at":"2021-01-06T17:51:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"4bf3ded9-bc34-46b8-9421-c11022d88219","html_url":"https://github.com/imedadel/react-firebase-links","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imedadel%2Freact-firebase-links","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imedadel%2Freact-firebase-links/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imedadel%2Freact-firebase-links/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imedadel%2Freact-firebase-links/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imedadel","download_url":"https://codeload.github.com/imedadel/react-firebase-links/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239675838,"owners_count":19678679,"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","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":["firebase","nextjs","react","redux","rxfire","rxjs","swr"],"created_at":"2024-11-07T19:18:32.224Z","updated_at":"2025-12-11T11:30:33.608Z","avatar_url":"https://github.com/imedadel.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Firebase Links\n\u003e Libraries and tutorials for integrating Firebase with React\n\nI am collecting a list of tutorials, libraries, and issues related to using Firebase with React.\n\n## React Hooks\n- [react-firebase-hooks](https://www.npmjs.com/package/react-firebase-hooks)\n\n## Redux\n- [react-redux-firebase](https://www.npmjs.com/package/react-redux-firebase)\n\n## RxFire\n- [RxFire in ReactJS using Firebase Firestore and Authentication](https://ajonp.com/lessons/rxfire-in-reactjs-using-firebase-firestore-and-authentication/)\n- [RxJS tips](https://fireship.io/lessons/rxjs-basic-pro-tips/)\n\n## Next.js\n- [Next.js example with Firebase authentication](https://github.com/zeit/next.js/tree/canary/examples/with-firebase-authentication)\n- [Next.js example with Firebase authentication and serverless functions](https://github.com/zeit/next.js/tree/canary/examples/with-firebase-authentication-serverless)\n- [Next.js and Firebase starter](https://github.com/rwieruch/nextjs-firebase-authentication)\n\n## Rest API\nProbably the best option if you want to avoid adding the huge Firebase dependency\n\n- [SWR by Zeit](https://swr.now.sh/)\n- [React Query by Tanner Linsley](https://github.com/tannerlinsley/react-query#usemutation)\n- [Google Firestore REST API examples](https://www.jeansnyman.com/posts/google-firestore-rest-api-examples/)\n\n## Cloud Functions\nAlternatively, you could use `react-firebase-hooks`, `firebase`, and a couple of Firebase Cloud Functions. Here are some links about them.\n\n- [Can Cloud Functions for Firebase execute on user login?](https://stackoverflow.com/questions/46452921/can-cloud-functions-for-firebase-execute-on-user-login)\n- [Firebase Authentication triggers](https://firebase.google.com/docs/functions/auth-events)\n- [https://stackoverflow.com/questions/47726099/how-to-write-data-to-firestore-through-firebase-functions](https://stackoverflow.com/questions/47726099/how-to-write-data-to-firestore-through-firebase-functions)\n- [Cloud Functions for Firebase Sample Library](https://github.com/firebase/functions-samples/)\n\n## Misc.\n- [Authentication in React Applications](https://kentcdodds.com/blog/authentication-in-react-applications)\n- [Firestore Data Modeling - Five Cool Techniques](https://www.youtube.com/watch?v=35RlydUf6xo)\n- [Role Based Authorization With Firestore](https://fireship.io/lessons/role-based-authorization-with-firestore-nosql-and-angular-5/)\n- [Model Relational Data in Firestore NoSQL](https://www.youtube.com/watch?v=jm66TSlVtcc)\n- [How to Connect Firebase Users to their Data - 3 Methods](https://www.youtube.com/watch?v=2ciHixbc4HE)\n\n## Tips\n1. Import Firebase this way:\n```js\n// This import loads the firebase namespace.\nimport firebase from 'firebase/app';\n \n// These imports load individual services into the firebase namespace.\nimport 'firebase/auth';\nimport 'firebase/database';\n```\n\n## FAQ\n### Is it safe to expose Firebase API key?\nYes.\n\nSource: [Stack Overflow](https://stackoverflow.com/questions/37482366/is-it-safe-to-expose-firebase-apikey-to-the-public)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimedadel%2Freact-firebase-links","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimedadel%2Freact-firebase-links","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimedadel%2Freact-firebase-links/lists"}