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.

Wind Chime Crafting Must-Haves

AI-recommended products based on this video

Loading...
slopehill Multi Hair Stylers & Hair Straightener - 2 in 1 Wet to Dry Air Straightener and Hair Dryer Combo with High Speed Air + Rapid Heat-Up + Customizable Temperature(Pink)

slopehill Multi Hair Stylers & Hair Straightener - 2 in 1 Wet to Dry Air Straightener and Hair Dryer Combo with High Speed Air + Rapid Heat-Up + Customizable Temperature(Pink)

(177)
$139.99
Prime
Loading...
MIZHSE Matte Black Nail Polish, Quick Dry Velvet Black Nail Polish, Non-Gel Air Drying Fast 15 ml Regular Glossy Shiny Finish Nail Lacquer, Full Coverage Nail Art Manicure DIY Home

MIZHSE Matte Black Nail Polish, Quick Dry Velvet Black Nail Polish, Non-Gel Air Drying Fast 15 ml Regular Glossy Shiny Finish Nail Lacquer, Full Coverage Nail Art Manicure DIY Home

(854)
$10.99
FREE delivery Thu, Sep 11 on your first order
Loading...
HONYUEYIM 2 PCS Magnetic Couples Bracelets for Women Men,Natural Stone Stone Beads Bracelet His and Hers Relationship Bracelet for Boyfriend Girlfriend Valentines Day Gifts (Purple + Black)

HONYUEYIM 2 PCS Magnetic Couples Bracelets for Women Men,Natural Stone Stone Beads Bracelet His and Hers Relationship Bracelet for Boyfriend Girlfriend Valentines Day Gifts (Purple + Black)

(7)
$22.79
FREE delivery Sun, Jul 6 on your first order
Loading...
Downy Unstopables Unlimited Collection In-Wash Laundry Scent Booster Beads, No. 37, Fine Fragrance and All - Day Freshness, 303 g

Downy Unstopables Unlimited Collection In-Wash Laundry Scent Booster Beads, No. 37, Fine Fragrance and All - Day Freshness, 303 g

(7)
$10.99
FREE delivery Thu, Nov 27 on your first order
200+ bought in past month
Loading...
Floral Beads Kit 50000pcs & 300pcs Giant Large Colorful Gel Jelly Balls, Non Toxic Beads for Vase Filler, Plant, Floating Candles, Wedding and Home Decoration

Floral Beads Kit 50000pcs & 300pcs Giant Large Colorful Gel Jelly Balls, Non Toxic Beads for Vase Filler, Plant, Floating Candles, Wedding and Home Decoration

(2)
$15.99
FREE delivery Sat, Nov 22 on your first order
Loading...
Gifts 5-12 Years Old Girls, Bracelet Making Kit, Unicorn Toys, Gifts for Teen Girls, Beads for Making Jewellery, Crafts for Kids 6-8, Arts and Crafts for Kids Age 4 5 6 7 8 9 10 11

Gifts 5-12 Years Old Girls, Bracelet Making Kit, Unicorn Toys, Gifts for Teen Girls, Beads for Making Jewellery, Crafts for Kids 6-8, Arts and Crafts for Kids Age 4 5 6 7 8 9 10 11

(455)
$19.98
FREE delivery Sat, Jun 14 on your first order
400+ bought in past month
Loading...
Victorinox Huntsman Swiss Army Knife, 15 Functions, Swiss Made Pocket Knife with Large Blade, Screwdriver, Scissors and Wood Saw - White

Victorinox Huntsman Swiss Army Knife, 15 Functions, Swiss Made Pocket Knife with Large Blade, Screwdriver, Scissors and Wood Saw - White

(645)
$66.99
$7.09 delivery Jul 8 - 29
Loading...
GULINEE Wet and Dry Cut Professional Hair Cutting Scissors Barber Shears Japanese Aichi SUS440C Stainless Steel Tijeras de Peluqueria Shintou (5.5" Precision Cut)

GULINEE Wet and Dry Cut Professional Hair Cutting Scissors Barber Shears Japanese Aichi SUS440C Stainless Steel Tijeras de Peluqueria Shintou (5.5" Precision Cut)

(144)
$99.99
FREE delivery Sun, Jul 6
Loading...
RoverTac Multitool Pocket Knife Tactical Camping Survival Knife Gifts for Men Dad Husband 18 in 1 Multi Tool Knife Pliers Scissors Saw Corkscrew 9-Pack Screwdrivers with Safety Lock and Nylon Sheath

RoverTac Multitool Pocket Knife Tactical Camping Survival Knife Gifts for Men Dad Husband 18 in 1 Multi Tool Knife Pliers Scissors Saw Corkscrew 9-Pack Screwdrivers with Safety Lock and Nylon Sheath

(1,514)
$32.39
FREE delivery Thu, Jun 19 on your first order
200+ bought in past month
Loading...
Philips Multigroom 3000 Series All-in-One 13-Piece Trimmer - Shaver and Clipper for Face, Head & Details, Self-sharpening Metal Blades, 8 Length Settings, Model MG3939/18

Philips Multigroom 3000 Series All-in-One 13-Piece Trimmer - Shaver and Clipper for Face, Head & Details, Self-sharpening Metal Blades, 8 Length Settings, Model MG3939/18

(2,623)
$29.95
FREE delivery Sun, Mar 29 on your first order
500+ bought in past month
Loading...
Philips All-in-One 20-Piece Trimmer 5000 Series - Shaver and Clipper for Face, Hair & Body, Self-sharpening Full Metal Blades, 12 Length Settings (0.5-16 mm), Precision Comb, MG5975/28

Philips All-in-One 20-Piece Trimmer 5000 Series - Shaver and Clipper for Face, Hair & Body, Self-sharpening Full Metal Blades, 12 Length Settings (0.5-16 mm), Precision Comb, MG5975/28

(2,609)
$49.95
FREE delivery Tue, Mar 24
1K+ bought in past month
Loading...
EVGA GeForce RTX 2060 12GB XC Gaming, 12G-P4-2263-KR, 12GB GDDR6,Dual Fans, Metal Backplate

EVGA GeForce RTX 2060 12GB XC Gaming, 12G-P4-2263-KR, 12GB GDDR6,Dual Fans, Metal Backplate

(683)
$2,248.50
FREE delivery Feb 24 - Mar 3Only 3 left in stock.
Loading...
EVGA GeForce RTX 3060 Ti XC Gaming, 08G-P5-3663-KR, 8GB GDDR6, iCX3 Cooling, Metal Backplate

EVGA GeForce RTX 3060 Ti XC Gaming, 08G-P5-3663-KR, 8GB GDDR6, iCX3 Cooling, Metal Backplate

(31)
$1,845.57
FREE delivery Feb 24 - Mar 3Only 3 left in stock.