Using Cloud Firestore For Your REACT Backend 2023 | CRUD App
Travis Media
@travismediaAbout
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
Latest Posts
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.
You May Also Like
Wind Chime Crafting Must-Haves
AI-recommended products based on this video

Aviator Sunglasses for Men Polarized Men's Sunglasses UV Protection 400 Metal Frame with Spring Hinges 62MM

Pro-Grip Athletic Low Composite toe Safety Shoes for Women Work Sneakers Comfortable Lightweight Breathable Slip Resistant Metal Free

and Lock Box for Kids, Children Mini Money Box Piggy Bank Strongbox for Home, Metal Small Cash Box with Lock(White)

Barnyard Designs Indoor Herb Garden Planter Set with Tray, Metal Windowsill Plant Pots with Drainage for Outdoor or Indoor Plants, Set/3 (Black)

Sunset Vista Designs Vertical Bells Wind Chime, 37"















