How do you create a React Database? In this React tutorial for beginners, learn how React connects to databases to bring your app to life. See what tools you can use to keep state in sync with a database.

We explore some shiny modern libraries that abstract the process of data fetching and syncing to make it as painless as possible.

Why should you watch this video?

👩‍💻 So, you built a cool new app in React.

🙌 Okay, cool!

🤔 But does data go back to its initial state after every refresh?

🙋‍♂️ Do you want to store things for longer than that?

💪 Then you need a database, friend-o!

🔻 Resources and Tools Mentioned🔻
JSONBox
https://jsonbox.io/
JSONBox docs
https://github.com/vasanthv/jsonbox#readme
Firebase Starter (real NoSQL database)
https://www.youtube.com/watch?v=yyo_TcZCrS4
Firebase docs for web apps
https://firebase.google.com/docs/web/setup
JS Promises
https://javascript.info/promise-basics
async/await in JS
https://javascript.info/async-await

🔻 CodeSandboxes of the Demo🔻
Local state todolist (where we started)
https://codesandbox.io/s/react-databases-no-db-19flw
Axios todolist
https://codesandbox.io/s/react-databases-axios-4jlzo
refactored API.js todolist (where we ended)
https://codesandbox.io/s/react-databases-api-js-o6ymu

#react #database