קורס React 2020 שיעור שלד לפיתוח יישום Chat עם React ו Firebase


זהו נושא דיון מלווה לערך המקורי שב־https://www.tocode.co.il/bundles/react/lessons/chat-react-firebase

ניסיתי לפתוח firebase ובפתיחת בסיס נתונים חדש הוא מגיע לדף כזה:


כיצד אני מכניסה פה טבלאות?

הי
כן אני רואה את הבעיה - הם החליפו את השמות. מה שבוידאו מופיע בתור Database עכשיו נקרא אצלם Cloud Firestore

ברגע שתלחצי על הפריט Cloud Firestore בצד שמאל כל השאר ממשיך כמו בוידאו

אני מייבאת את firebase עם script כמו שהראת בסרטון ובכ"א הוא כותב לי שהוא לא מוכר. הוא כותב לי:

src\Redux\Store\store.js  Line 20:7:  'firebase' is not defined  no-undef
src\Redux\action.js  Line 22:6:  'firebase' is not defined  no-undef
```ניסיתי לחפש איך מייבאים עם import ןלא ממש מצאתי.
אשמח לעזרה בהקדם.
תודה.

הי

נכון. כשאת מיבאת דרך script אז ה Linter לא מכיר את המילה firebase ועושה בעיות כי זה נחשב Bad Practice להשתמש במשתנים גלובאליים. זה לא סוף העולם ואני חושב שאפשר להתעקש איתו ולהשתמש ב window.firebase במקום.

אפשרות שניה אולי יותר טובה היא להשתמש ב import. יש חבילה בשם firebase שמתקינים אותה עם:

npm install --save firebase

ואז אפשר לכתוב:

import firebase from 'firebase';

בתחילת הקובץ כדי להשתמש בו. התיעוד המלא של החבילה הוא כאן:

אם את מסתבכת יכולה לשתף את הקוד (דרך גיטהאב או בכל דרך אחרת שמסתדרת לך) ואוכל להציע תיקון ספציפית עליו

תודה על התגובה המהירה!
אלופים הקורסים שלך!!! אני ממש נהנית!
אשמח לדעת מה ההבדל ב firebase בין:
realtime database ל firebasestore database.
לי היה נשמע יותר לעשות realtime database.
אבל בסוף עשיתי את השני.
אשמח לתגובתך מה צריך לבחור במקרה שלנו.
תודה!

לייק 1

הי,
בגדול Cloud Firestore הוא הגירסה החדשה יותר. כאן יש הסבר על שניהם וטיפים מה לבחור:
https://firebase.google.com/docs/database/rtdb-vs-firestore