@lskjs/chat NPM

LSK CHAT

React components for internationalization

Just press on t and take a result from @lskjs/chat. Or in reverse.

npm.io

Installation and usage

The easiest way to use is to install it from npm and build it into your app with Webpack.

npm install @lskjs/chat

Then use it in your app:

import Chat from '@lskjs/chat';

    class ChatComponent extends React.Component {
  state = {
    messages: [],
  };

  constructor() {
    super();
    serverMessages.forEach((serverMessage) => {
      const { messages } = this.state;
      const timeout = serverMessage.createdAt - Date.now();
      setTimeout(() => {
        // this.state.messages.push(serverMessage);
        this.setState({
          messages: [...messages, serverMessage],
        });
      }, timeout);
    });
  }
  render() {
    const { messages } = this.state;
    return <Chat items={messages} userId={2} />;
  }
}


export default ({ storiesOf }) => {
  return storiesOf('chat/Chat').add('Chat', () => (
    <Story>
      <ChatComponent />
    </Story>
  ));
};

For more examples and usage, please refer