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

Comments

[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!

[Robert]

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

[Taha Tesser]

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

[Taha Tesser]

found similar data github.com/jcquinlan/dnd-spells/bl...

[David Victoria]

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

[Dominique Dumont]

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

[bakerchad79]

Does anyone know how I can fix this error?

[bakerchad79]

?