自學寫Web App (Svelte 連接+Show Firebase data) - Day 6

今日繼續試Firebase show data


1. 改feed store
跟住https://firebase.google.com/docs/database/web/read-and-write#web_value_events
將feed store由hardcode 變成firebase data

const feeds = writable([]);
const dbRef = ref(db, 'feed/');
let getFeeds = () => {
    onValue(dbRef, (snapshot) => {
        feeds.update(data => snapshot.val());
      });    
}
export {feeds, getFeeds};

試咗勁耐點解唔識realtime 加data
原來自己一直用get 唔係onValue

2. 改route
route 其實冇咩點改
html 完全冇改
只係script 加咗getFeeds 落去

import { feeds, getFeeds } from '../../stores/feed';
getFeeds();
let feedSub;
feeds.subscribe(feeds => {
  feedSub = feeds;
});

之後應該會做埋google login 同chat page
咁就可以有個基本嘅app 啦

清你都幾勁
本身做開邊行

IT sales

G持 push

點跟

想樓主migrate 去TypeScript

而家d 野好亂 我都係當日記mark 住先
個app 基本成形嘅時候我試下放source出黎+盡我能力解釋下

呢個都可以放落todo
都有興趣試下ts

建議盡早學typescript, QoL 會提升好多

This post series is promising.
Keep it up

睇咗少少ts intro
試咗開個svelte ts skeleton project
再擺返src 落去
立即見到d 紅色蚯蚓
整埋個chat page 即刻執一執

多謝