Using Cloud Firestore For Your REACT Backend 2023 | CRUD App

Travis Media May 14, 2023
Video Thumbnail
Travis Media Logo

Travis Media

@travismedia

About

Hi, my name is Travis and I am a self-taught software developer of 7 years. I learned to code and stepped out as a full-time freelance within 1 year. Since then I have entertained full-stack development, DevOps, and Site Reliability Engineering and have documented my journey here on the channel. Here you'll find coding tutorials, career advice, professional coding tips, life hacks, and the ups and downs of this highly enriching journey of software engineering. I make videos specifically for YOU and if there is anything specific you would like to request please don't hesitate to ask. If all this sounds like something that can help you on your own coding journey, consider subscribing and joining me along the way! Kind Regards, Travis

Video Description

Whether you're building a GitHub app portfolio, building a Demo app, or even moving to production, Cloud Firestore is an easy (and free!) solution as a backend for your React app. Often when we are learning to code or building hobby apps we have a hard time figuring out the cheapest and easiest way to handle data in the backend. Well, in this video I'll walk you through, step-by-step, how to add and use Google's Cloud Firestore to your React app to handle data persistence. REPO Starting Code - https://github.com/rodgtr1/firestore-react-crud-app/tree/main Final Code (don't peek!!) - https://github.com/rodgtr1/firestore-react-crud-app/tree/finished-app Timestamps 00:00 Intro 01:42 Project setup and walkthrough 05:33 Cloud Firestore setup 08:55 Configuring Firestore in app 15:27 Pulling real data from Firestore 23:50 Adding data 30:25 Delete data 33:16 Edit data 36:53 Set up Authentication in Firestore 37:53 Log-in functionality 43:04 Log-out functionality 45:04 Register user functionality 50:20 Outro ** Career Path Coding Tracks ** Web Developer - https://geni.us/jBigBd Software Engineer - https://geni.us/AbMxjrX Machine Learning - https://geni.us/GporLlT Python Developer - https://geni.us/tv2FJBU DevOps Engineer - https://geni.us/MgHtJ ** My Coding Blueprints ** Learn to Code Web Developer Blueprint - https://geni.us/HoswN2 AWS/Python Blueprint - https://geni.us/yGlFaRe ** I write regularly ** https://travis.media ** FREE EBOOKS ** 📘 https://travis.media/ebooks LET'S CONNECT! 📰 LinkedIn ➔ https://www.linkedin.com/in/travisdot... 🐦 Twitter ➔ https://twitter.com/travisdotmedia​ 🙋🏼‍♂️ Website ➔ https://travis.media #firebase #firestore #reactjs #codingtutorial ** Some of the links in this description may be affiliate links that I may get a little cut of. Thank you.