Slide 17
Slide 17 text
17
JavaScript側擬似コード
export const ChatContainer = (id) => {
2
const [timelines, setTimeLines] = React.useState([]);
const [latestId, setLatestId] = React.useState(0);
3
const reloadTimeline = (id) => { Api.fetchTimeline(setTimeLines); setLatestId(id);};
4
const usePushNotification(reloadTimeline) = firestore
5
.collection('timeline_notifications').where('identifier', '==', "${id}-timeline")
6
.limit(1).nSnapshot(querySnapshot => {
7
if( querySnapshot.docs[0].id !== latestId ) reloadTimeline(querySnapshot.docs[0].id);
8
});
9
React.useEffect(() => { usePushNotification(reloadTimeline) } );
10
return ();
}