Đang tải... (xem toàn văn)
Sequence diagram thể hiện match với một đối tượng với react native, redux Redux sử dụng kiến trúc 1 chiều, tức là nó có flow như bên trên, chỉ vòng vòng 1 chiều đi từ action → reducer → store → view S[.]
Sequence diagram thể match với đối tượng với react-native, redux: ● Redux sử dụng kiến trúc chiều, tức có flow bên trên, vịng vòng chiều từ action → reducer → store → view ● State toàn ứng dụng lưu trong store Object mơ hình tree: Single source of truth ● Redux state READ-ONLY: bạn thay đổi trực tiếp state được, có cách để update state phải dispatch action (là js object) ● Những thay đổi redux state thực Pure functions (reducer) Đầu tiên, người dùng thích đối tượng quét qua phải ( người thích lẫn hệ thống tự động thơng báo match giữ đối tượng) Do sau quét sang phải, event gửi từ giao diện (view) dùng dispatch để thực action checkmatch() để kiểm tra người có match với hay khơng Mang thơng tin đến Store, mơ tả muốn lấy thông tin match với store dispatch(getMatchInfo()).Action có nhiệm vụ mơ tả xảy lại không rõ phần state response thay đổi thay đổi -> việc Reducer đảm nhiệm Reducer nhận tham số: state cũ thông tin action gửi lên, sau biến đổi trả state mới, không làm thay đổi state cũ Và gửi request gọi api lấy thông tin từ database, backend xử lý data kiểm tra match controller, sau gửi respone reducer reducer return state về, rerender lại giao diện subscribe(), cập nhật tình hình thay đổi View gửi thơng báo cho người dùng ... người có match với hay khơng Mang thơng tin đến Store, mơ tả muốn lấy thơng tin match với store dispatch(getMatchInfo()).Action có nhiệm vụ mơ tả xảy lại khơng rõ phần state response thay đổi thay