Intro to React Database Connections [Sync Data to Your React App]
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#r...
Firebase Starter (real NoSQL database)
• How to use Firebase Firestore with Re...
Firebase docs for web apps
https://firebase.google.com/docs/web/...
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-databa...
Axios todolist
https://codesandbox.io/s/react-databa...
refactored API.js todolist (where we ended)
https://codesandbox.io/s/react-databa...
🔵 React JS Green Bay
ReactJS Green Bay is a monthly series for front-end developers that use React and JavaScript to build products. Learn about new tools, better workflows, and discuss ideas with a growing community!
🎟 Upcoming events
https://bit.ly/react-js-events
📺 More Videos About React and Development
https://bit.ly/react-js-recordings
📝 Articles About React and Managing Development Teams
https://headway.io/collection/develop...