JavaScript crash course: Firestore and Auth | JavaScript & Firebase

Описание: In this video, David East is going to show how to use Firestore and Firebase Authentication together to build a secure, real-time, and offline enabled application. David will cover data modeling, security rules, and handling offline changes with Firestore SnapshotMetadata.

Chapters:
0:00 - Intro
0:49 - What we'll be building
1:25 - Firebase data modeling & security
3:00 - Production ready Firebase app initialization with Emulator connection
5:58 - Querying data with Firestore
7:50 - Creating a realtime listener with onSnapshot
8:24 - Inspecting the Snapshot Metadata
8:40 - Explaining the Firestore cache
9:18 - Using SnapshotMetadata to indicate network state
10:02 - Returning data asynchronously from onSnapshot
12:35 - Detecting authentication state with onAuthStateChanged
14:39 - Accessing the user data in the user interface
15:10 - Associating the user's id to each piece of data
16:49 - Debugging querying problems
17:20 - Using server timestamps
18:20 - Checking the user's id to align messages
19:18 - An intro to Security Rules
19:49 - Matching document paths with the match statement
20:06 - Determining access with the allow statement
20:39 - Matching subcollections and using wildcards
21:04 - Allow operations
21:29 - The request variable in Security Rules
22:21 - Using get() to read data from the database
23:11 - Cleaner code with functions
23:51 - Using the request monitor in the Emulator UI
25:31 - Role Based Security
26:40 - Intro to handling offline
28:26 - Playing the offline dino game, beat my high score of 7407
29:16 - Enabling offline persistence
30:43 - Multi-tab offline persistence
32:15 - Do me a favor

Resources:
Sample code - https://goo.gle/3jQB8tM
Setting up the Firebase Emulator Suite - https://goo.gle/3jhlAwY
Connecting to the Firestore Emulator - https://goo.gle/3vukW6T
Connecting to the Auth Emulator - https://goo.gle/3990cYO
CSS Modules - https://goo.gle/36spuCw
Ordering data in Firestore - https://goo.gle/3JMPQN6
Detecting authentication state - https://goo.gle/3L1aiLO
The match and allow statements in Security Rules - ​​https://goo.gle/3xJ3Epk
Accessing data offline - https://goo.gle/3vuHjcs

Subscribe to Firebase → https://goo.gle/Firebase

#Firebase #JavaScript #Developer


fullname: David East;