DEV Community

Maksim Ivanov
Maksim Ivanov

Posted on • Edited on

37 8

Firebase React CRUD tutorial. How to use Firebase Firestore with ReactJS.

In this React Firebase tutorial we'll build a simple CRUD application using React and Firebase.

We'll set up a firestore database with spells from D&D.

Our app will get data from the database, update records and also add and remove them.

You can find code here: https://github.com/satansdeer/react-firebase
Firebase auth video: https://www.youtube.com/watch?v=unr4s3jd9qA

Top comments (8)

Collapse
 
rolu315 profile image
Robert

I came across an error stating data.map was no longer a function while working through this today. I guess the correct syntax is setSpells(data.docs.map..., not setSpells(data.map... Is this because they changed how mapping is passed? Thanks!

Collapse
 
rolu315 profile image
Robert

actually, i missed that part of the video for some reason and you corrected that, my apologies! Great video!

Collapse
 
tahatesser profile image
Taha Tesser

can you please provide a link for D&D JSON data?

Collapse
 
tahatesser profile image
Taha Tesser
Collapse
 
davic64 profile image
David Victoria

I loved the subject of your editor.
What theme do you use?

Collapse
 
domdumont profile image
Dominique Dumont

Hi, is there a way to auto refresh the page when the data change ? Thx

Collapse
 
bakerchad79 profile image
bakerchad79

Does anyone know how I can fix this error?

Collapse
 
bakerchad79 profile image
bakerchad79

?

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay