How to use Firebase's Realtime Database in React
In this video we'll create an X's an O's game using Firebase in React and Next.js. We'll see how to connect to the Firebase Realtime Database, listen for realtime updates to data, push new records into the database, and modify existing ones.
---------- Links
Deployed App - https://firebase-react-xs-and-os.verc...
Source Code - https://github.com/leighhalliday/fire...
Starting Code - https://github.com/leighhalliday/fire...
---------- Course
Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we'll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://next.leighhalliday.com/
---------- Connect
Join this channel - / @leighhalliday
Join me on Discord - / discord
---------- Timeline
00:00 - Introduction
01:25 - Create Firebase Project
05:00 - Initialize Firebase
07:30 - Create New Game
16:00 - Load ID in getServerSideProps
20:00 - Load Game Data
24:30 - Display Game Board
28:00 - Record Turn
33:15 - Enable Reset
36:00 - Check For Winner
Watch video How to use Firebase's Realtime Database in React online without registration, duration hours minute second in high quality. This video was added by user Leigh Halliday 29 January 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 17,903 once and liked it 266 people.