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