}
10 | ) {
11 | return bindActions(actions, store);
12 | }
13 |
14 | export function connect(component: any, store: Store, mapToProps: mapToProps) {
15 | update();
16 | component.on("destroy", store.subscribe(update));
17 | function update() {
18 | const { diff, changed } = getDiff(
19 | mapToProps(store.getState()),
20 | component.get()
21 | );
22 | if (changed) {
23 | component.set(diff);
24 | }
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/examples/react/chat/src/modules/message/actions.js:
--------------------------------------------------------------------------------
1 | import utils from '../../utils';
2 |
3 | import * as services from './services';
4 |
5 | async function fetchLastMessages(messagesInStore) {
6 | const newMessages = await services.getLastMessages(messagesInStore);
7 | return { messages: [ ...messagesInStore, ...newMessages] };
8 | }
9 |
10 | async function createMessage({ currentUser: { name }, messageContent }) {
11 | await services.createMessage(name, messageContent);
12 | }
13 |
14 | function clearMessageContent() {
15 | return { messageContent: '' };
16 | }
17 |
18 | export default (store) => ({
19 | fetchMessages: state => fetchLastMessages(state.messages),
20 | createMessage: utils.functional.compose(clearMessageContent, createMessage),
21 | setMessageContent: (state, content) => ({ messageContent: content }),
22 | });
23 |
--------------------------------------------------------------------------------
/examples/react/chat/src/modules/message/services.js:
--------------------------------------------------------------------------------
1 | import { property, last, isEmpty } from 'lodash';
2 |
3 | import shared from '../shared';
4 | import apiRoutes from './apiRoutes';
5 |
6 | function getAllMessagesStartingWith(datetime) {
7 | return shared.apiClient.get(apiRoutes.allMessagesFromDate(datetime))
8 | .then(property('data'));
9 | }
10 |
11 | export function getLastMessages(messages) {
12 | const lastMessageCreationDate = isEmpty(messages)
13 | ? new Date().setHours(0)
14 | : last(messages).createdAt + 1 //Hack for json-server api.
15 |
16 | return getAllMessagesStartingWith(lastMessageCreationDate);
17 | }
18 |
19 | export function createMessage(userName, content) {
20 | const payload = { createdAt: new Date().getTime(), userName, content };
21 | return shared.apiClient.post(apiRoutes.createMessage, payload);
22 | }
23 |
--------------------------------------------------------------------------------
/examples/react/chat/src/modules/message/components/messageForm.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { isEmpty } from 'lodash';
4 |
5 | const onSubmitForm = (action, event) => {
6 | event.preventDefault();
7 | action();
8 | }
9 |
10 | const MessageForm = ({ className, clearMessageContent, messageContent, setMessageContent, createMessage }) => {
11 | return (
12 |
13 |