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
Смотрите видео How to use Firebase's Realtime Database in React онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Leigh Halliday 29 Январь 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 17,903 раз и оно понравилось 266 людям.