loading...

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

satansdeer profile image Maksim Ivanov Updated on ・1 min read

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

Discussion

pic
Editor guide
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
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