--- title: Best Firebase posts of 2022 | daily.dev description: The most upvoted Firebase posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/firebase/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/firebase/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Firebase posts of 2022 | daily.dev og:description: The most upvoted Firebase posts of 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Firebase — 2022 1. 1 [](/posts/i-asked-chat-gpt-to-build-a-to-do-app-have-we-finally-met-our-replacement--v7vzrd1qs "I asked Chat GPT to build a To-Do app — Have we finally met our replacement?") Article Bits and Pieces · 4y I asked Chat GPT to build a To-Do app — Have we finally met our replacement? Chat GPT asked Chat GPT to build a To-Do app - Have we finally met our replacement? Are we about to be replaced by an AI, again? We saw the release of GitHub Copilot in October of 2021 and the whole dev community went crazy again. But are they right this time around? 119 24 2. 2 [](/posts/the-best-backend-as-a-service-for-your-react-app-u5uufe7gz "The Best Backend as a Service for your React App") Article freeCodeCamp · 4y The Best Backend as a Service for your React App Firebase has dominated the backend-as-a-service space for many years, but Supabase has emerged as a great alternative. Supabase allows you to take your code and deploy it wherever you like. You can build your app, deploy it to Supabase's servers, or you can Deploy it to your own hosting service. 60 2 3. 3 [](/posts/build-a-crud-app-with-react-and-firebase-3mge8xymx "Build a CRUD app with React and Firebase") Article asayer · 4y Build a CRUD app with React and Firebase Firebase version 9 SDK initiates an API surface that follows a modular approach. In this tutorial, we will build a to-do app with Firebase that will be able to read, edit, and delete Todos. Application Demo: Create, Read, Update, and Delete is referred to as CRUD. The component will be used to display, edit and delete todos. After the imports, create a state named Subject (i.e. and the todos to be added. 60 4. 4 [](/posts/how-to-build-a-smooth-authentication-flow-system-with-firebase-a56zb8n-g "How to Build a Smooth Authentication Flow System with Firebase") Article Hacker Noon · 4y How to Build a Smooth Authentication Flow System with Firebase An authentication service protects your website from unverified users having access to the website's features or contents. It ensures users' identity is genuine by verifying their credentials, which are usually the username/email and password. We've all experienced this on platforms such as Facebook, Instagram or Twitter when we are trying to sign into our accounts. 55 4 5. 5 [](/posts/authentication-in-react-18-using-firebase-v9-71kkshdg5 "Authentication in React 18 using Firebase v9") Article asayer · 4y Authentication in React 18 using Firebase v9 In this tutorial, we will implement an authentication flow in React 18 using Firebase v9 Web SDK. We’ll enhance a starter React application to practice the following security concepts: Adding user login and logout (using email/password and with Google), Retrieving user information, using the Context API for managing the Auth state, and Protecting application routes from unauthorized users using React Router v6. 47 3 6. 6 [](/posts/how-to-build-a-google-docs-clone-with-react-material-ui-firebase-qmbzqrodp "How to Build a Google Docs Clone with React, Material UI, & Firebase") Article freeCodeCamp · 4y How to Build a Google Docs Clone with React, Material UI, & Firebase In this article, we'll build a Google Docs clone using React, Material UI, and Firebase. If we click any document, it will open up and we can edit them however we need to. If two people are working on the same document, their progress will be reflected in both instances. 44 1 7. 7 [](/posts/a-golang-based-open-source-backend-firebase-alternative-vamv2kjmw "A Golang-based Open Source Backend / Firebase Alternative") Article Golang News · 4y A Golang-based Open Source Backend / Firebase Alternative A Golang-based Open Source Backend / Firebase Alternative PocketBase is an open source backend consisting of embedded database (SQLite) with realtime subscriptions, built-in users management, convenient dashboard UI and simple REST-ish API. 32 1 8. 8 [](/posts/nhost---the-open-source-firebase-alternative-with-graphql-idv7nmwrd "Nhost - The Open Source Firebase Alternative with GraphQL") Article Product Hunt · 4y Nhost - The Open Source Firebase Alternative with GraphQL The Open Source Firebase Alternative with GraphQL Nhost is an open-source alternative to Firebase. It provides all the APIs, services, and SDKs you need to build performant mobile & web applications. 22 9. 9 [](/posts/flutter-3-0-what-s-new-in-flutter-xgbt912aq "Flutter 3.0— What’s New In Flutter") Article FlutterDevs · 4y Flutter 3.0— What’s New In Flutter Flutter 3.0 supports all the six platforms on the stable channel formally. Flutter hosts different third-party-together mixes like Firebase, AWS Amplify, Sentry, and AppWrite. The new Flutter 3 highlights contain new contributions for platform-specific integration, intuitive models for compilation to build support, and internationalization. 15 10. 10 [](/posts/mobile-push-notifications-with-firebase-hnqu1lhi8 "Mobile push notifications with Firebase") Article asayer · 4y Mobile push notifications with Firebase Push notifications are messages to users to build audience relationships and get users back into the mobile app. In this article, you will learn how to set this feature up in React Native with Firebase. I will be using a simple app, and on that app, I will add the push notification functionality for Android and iOS. 13 11. 11 [](/posts/writerai-a-revolutionary-ai-based-content-writing-tool-sgkurmfn1 "WriterAI: A Revolutionary AI Based Content Writing Tool") Article Hashnode · 4y WriterAI: A Revolutionary AI Based Content Writing Tool WriterAI is an AI-based content writing tool that can turn your unstructured text into engaging content and generate up to 5 different paragraphs with an input of just 5 words. It is completely free to use If you ever wish to take a backup of your projects or publish them to other platforms like wordpress, you can easily export your projects in XML, XML and Markdown formats. 12 12. 12 [](/posts/alternatives-to-netlify-for-deploying-front-end-apps-lfh8aekou "Alternatives to Netlify for deploying front-end apps") Article asayer · 4y Alternatives to Netlify for deploying front-end apps Netlify provides developers with everything they need to take their web projects from the first preview to full production without having to think about servers or DevOps. This article will give you an overview of Netlify alternatives for deploying single-page applications and their pros and features. 11 1 13. 13 [](/posts/create-a-chat-app-in-30-minutes-with-react-native-and-firebase-jx0b7lipa "Create a Chat App in 30 Minutes with React Native and Firebase") Article Codemotion · 4y Create a Chat App in 30 Minutes with React Native and Firebase The chat app will have a log-in and registration screen, allowing users to add chats in a real-time chat application. This tutorial will give you a comprehensive, step-by-step guide on building a secure and functional chat app with React Native and Firebase. The components of the chat app are as shown below. 11 14. 14 [](/posts/firebase-firestore-crud-b6vsywxx5 "Firebase Firestore CRUD") Article Firebase Developers · 4y Firebase Firestore CRUD Firebase Firestore allows you to upload and retrieve data with very short and simple commands. I have built this Schedular app to demonstrate Firestore CRUD ( Create Read Update Delete) operations. If you need help creating a project on Firebase, you can check out this documentation. 11 1 15. 15 [](/posts/firebase-cloud-storage-for-react-apps-d756w1x-b "Firebase Cloud Storage for React apps") Article asayer · 4y Firebase Cloud Storage for React apps Firebase v.9 SDK introduces a new API surface that follows a modular approach. Firebase Cloud Storage allows us to upload and work with user-generated content like images and videos. In this tutorial, we will learn how to upload images/ files to Firebase storage with version 9 web SDK. 11 1 16. 16 [](/posts/i-o-pinball-powered-by-flutter-and-firebase-9vmnplcyc "I/O Pinball Powered by Flutter and Firebase") Article Flutter · 4y I/O Pinball Powered by Flutter and Firebase For Google I/O, we teamed up with the Flutter team to reimagine a classic pinball game built using Flutter and Firebase. The game uses Flame’s out-of-the-box features, such as animations, physics, collision detection, and more. We integrated the open source Box2D engine into Dart so it can be easily integrated with Flutter. 11 1 17. 17 [](/posts/hackernews-api-documentation-and-samples-for-the-official-hn-api-fpo7jm4ag "HackerNews/API: Documentation and Samples for the Official HN API") Article Hacker News · 4y HackerNews/API: Documentation and Samples for the Official HN API The v0 API is essentially a dump of our in-memory data structures. It's possible to implement most of HN using it, but it's the one we could release in the time we had. Justin.tv is the biggest live video site online. We serve hundreds of thousands of video streams a day, and have supported up to 50k live concurrent viewers. We just added a 10 gbps line to our colo. 10 [See all Firebase archives](/tags/firebase/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/firebase/best-of/2022#page","url":"https://daily.dev/tags/firebase/best-of/2022","name":"Best Firebase Posts of 2022","description":"The most upvoted Firebase posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/firebase/best-of/2022#items","numberOfItems":17,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/i-asked-chat-gpt-to-build-a-to-do-app-have-we-finally-met-our-replacement--v7vzrd1qs","name":"I asked Chat GPT to build a To-Do app — Have we finally met our replacement?"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-best-backend-as-a-service-for-your-react-app-u5uufe7gz","name":"The Best Backend as a Service for your React App"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/build-a-crud-app-with-react-and-firebase-3mge8xymx","name":"Build a CRUD app with React and Firebase"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/how-to-build-a-smooth-authentication-flow-system-with-firebase-a56zb8n-g","name":"How to Build a Smooth Authentication Flow System with Firebase"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/authentication-in-react-18-using-firebase-v9-71kkshdg5","name":"Authentication in React 18 using Firebase v9"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/how-to-build-a-google-docs-clone-with-react-material-ui-firebase-qmbzqrodp","name":"How to Build a Google Docs Clone with React, Material UI, & Firebase"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/a-golang-based-open-source-backend-firebase-alternative-vamv2kjmw","name":"A Golang-based Open Source Backend / Firebase Alternative"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/nhost---the-open-source-firebase-alternative-with-graphql-idv7nmwrd","name":"Nhost - The Open Source Firebase Alternative with GraphQL"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/flutter-3-0-what-s-new-in-flutter-xgbt912aq","name":"Flutter 3.0— What’s New In Flutter"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/mobile-push-notifications-with-firebase-hnqu1lhi8","name":"Mobile push notifications with Firebase"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/writerai-a-revolutionary-ai-based-content-writing-tool-sgkurmfn1","name":"WriterAI: A Revolutionary AI Based Content Writing Tool"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/alternatives-to-netlify-for-deploying-front-end-apps-lfh8aekou","name":"Alternatives to Netlify for deploying front-end apps"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/create-a-chat-app-in-30-minutes-with-react-native-and-firebase-jx0b7lipa","name":"Create a Chat App in 30 Minutes with React Native and Firebase"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/firebase-firestore-crud-b6vsywxx5","name":"Firebase Firestore CRUD"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/firebase-cloud-storage-for-react-apps-d756w1x-b","name":"Firebase Cloud Storage for React apps"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/i-o-pinball-powered-by-flutter-and-firebase-9vmnplcyc","name":"I/O Pinball Powered by Flutter and Firebase"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/hackernews-api-documentation-and-samples-for-the-official-hn-api-fpo7jm4ag","name":"HackerNews/API: Documentation and Samples for the Official HN API"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Firebase","item":"https://daily.dev/tags/firebase"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/firebase/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```