react_firestore

App_reducer.js

export const firebase_board_list = () =>{
    return (dispatch) => {
        return firestore.collection("boards").orderBy("brddate", "desc")
                .onSnapshot(function(snapshot) {
                    snapshot.docChanges().forEach(function(change) {
                        var childData = change.doc.data();
                        if (change.type === "added") {
                            childData.brddate = dateFormat(childData.brddate, "yyyy-mm-dd");
                            dispatch(board_save(childData));
                        } else
                        if (change.type === "modified") {
                            dispatch(board_save(childData));
                        } else
                        if (change.type === "removed") {
                            dispatch(board_remove(childData.brdno));
                        }
                            
                    });
                });
    }
}

export const firebase_board_remove = ( brdno = {}) => {
    return (dispatch) => {
        return firestore.collection('boards').doc(brdno).delete();
    }
};

export const firebase_board_save = ( data = {}) => {
    return (dispatch) => {
        if (!data.brdno) {
            var doc = firestore.collection('boards').doc();
            data.brdno = doc.id;
            data.brddate = Date.now();
            return doc.set(data);
        } else {
            return firestore.collection('boards').doc(data.brdno).update(data);    
        }
    }
};