2.2.0-beta.71 • Published 8 years ago

react-monkey-ui v2.2.0-beta.71

Weekly downloads
2
License
ISC
Repository
github
Last release
8 years ago

Getting Started

You can use it with nodeJS.

Installation

npm

npm install react-monkey-ui --save

Usage

Prerequisites

  • react

How to use

import React, { Component } from 'react'
import MonkeyUI from 'react-monkey-ui'

class MonkeyChat extends Component {
  constructor(props){
	super(props);
      this.state = {
        userSession: null,
        conversationId: '2',
        conversations: {
          '2': conv2, // * conversation Object
          '3': conv3  // * conversation Object
        }
    }
    this.handleUserSession = this.handleUserSession.bind(this);
    this.handleMessage = this.handleMessage.bind(this);
  }

  render() {
	return (
      <MonkeyUI userSession={this.state.userSession}
        onUserSession={this.handleUserSession}
        conversations={this.state.conversations}
        conversation={this.conversations[this.state.conversationId]}  
        onMessage={this.handleMessage}
        onMessagesLoad={this.handleMessagesLoad}
        onMessageGetUsername={this.handleMessageGetUsername} />
	)
  }
	
  /* User */
	
  handleUserSession(user) { // user = {name: 'name'}
    user.id = '1';
    user.urlAvatar = 'http://cdn.criptext.com/MonkeyUI/images/userdefault.png';
	this.setState({userSession: user});
  }

  /* Message */
	
  handleMessage(message) { // message = {senderId: '', recipientId: '', status: 0}
	// TODO: save message to respective conversation
  }
	
  handleMessagesLoad(conversationId, firstMessageId) {
	// TODO: to load more messages and save in the respective conversation
  }
}

These props and methods defined are the basic to start to use it like a simple chat.

To understand how the data is structured, check here: http://docs.messaging.criptext.com/structure_data.html

To review the props and method that expose the component, check here: http://docs.messaging.criptext.com/props.html

2.2.0-beta.71

8 years ago

2.2.0-beta.70

8 years ago

2.2.0-beta.69

8 years ago

2.2.0-beta.68

8 years ago

2.2.0-beta.67

8 years ago

2.2.0-beta.66

8 years ago

2.2.0-beta.65

8 years ago

2.2.0-beta.64

8 years ago

2.2.0-beta.63

8 years ago

2.2.0-beta.62

8 years ago

2.2.0-beta.61

8 years ago

2.2.0-beta.60

8 years ago

2.2.0-beta.59

8 years ago

2.2.0-beta.58

8 years ago

2.2.0-beta.57

8 years ago

2.2.0-beta.56

8 years ago

2.2.0-beta.55

8 years ago

2.2.0-beta.54

8 years ago

2.2.0-beta.53

8 years ago

2.2.0-beta.52

9 years ago

2.2.0-beta.51

9 years ago

2.2.0-beta.50

9 years ago

2.2.0-beta.49

9 years ago

2.2.0-beta.48

9 years ago

2.2.0-beta.47

9 years ago

2.2.0-beta.46

9 years ago

2.2.0-beta.45

9 years ago

2.2.0-beta.44

9 years ago

2.2.0-beta.43

9 years ago

2.2.0-beta.42

9 years ago

2.2.0-beta.41

9 years ago

2.2.0-beta.40

9 years ago

2.2.0-beta.39

9 years ago

2.2.0-beta.38

9 years ago

2.2.0-beta.37

9 years ago

2.2.0-beta.36

9 years ago

2.2.0-beta.35

9 years ago

2.2.0-beta.34

9 years ago

2.2.0-beta.33

9 years ago

2.2.0-beta.32

9 years ago

2.2.0-beta.31

9 years ago

2.2.0-beta.30

9 years ago

2.2.0-beta.29

9 years ago

2.2.0-beta.28

9 years ago

2.2.0-beta.27

9 years ago

2.2.0-beta.26

9 years ago

2.2.0-beta.25

9 years ago

2.2.0-beta.24

9 years ago

2.2.0-beta.23

9 years ago

2.2.0-beta.22

9 years ago

2.2.0-beta.21

9 years ago

2.2.0-beta.20

9 years ago

2.2.0-beta.19

9 years ago

2.2.0-beta.18

9 years ago

2.2.0-beta.17

9 years ago

2.2.0-beta.16

9 years ago

2.2.0-beta.15

9 years ago

2.2.0-beta.14

9 years ago

2.2.0-beta.13

9 years ago

2.2.0-beta.12

9 years ago

2.2.0-beta.11

9 years ago

2.2.0-beta.10

9 years ago

2.2.0-beta.9

9 years ago

2.2.0-beta.8

9 years ago

2.2.0-beta.7

9 years ago

2.2.0-beta.6

9 years ago

2.2.0-beta.5

9 years ago

2.2.0-beta.4

9 years ago

2.2.0-beta.3

9 years ago

2.2.0-beta.2

9 years ago

2.2.0-beta.1

9 years ago

2.1.4

9 years ago

2.1.4-beta.2

9 years ago

2.1.4-beta.1

9 years ago

2.1.3-beta.22

9 years ago

2.1.3

9 years ago

2.1.3-beta.21

9 years ago

2.1.3-beta.20

9 years ago

2.1.3-beta.19

9 years ago

2.1.3-beta.18

9 years ago

2.1.3-beta.17

9 years ago

2.1.3-beta.16

9 years ago

2.1.3-beta.15

9 years ago

2.1.3-beta.14

9 years ago

2.1.3-beta.13

9 years ago

2.1.3-beta.12

9 years ago

2.1.3-beta.11

9 years ago

2.1.3-beta.10

9 years ago

2.1.3-beta.9

9 years ago

2.1.3-beta.8

9 years ago

2.1.3-beta.7

9 years ago

2.1.3-beta.6

9 years ago

2.1.3-beta.5

9 years ago

2.1.3-beta.4

9 years ago

2.1.3-beta.3

9 years ago

2.1.3-beta.2

9 years ago

2.1.3-beta.1

9 years ago

2.1.3-rc.0

9 years ago

2.1.2

9 years ago

2.1.1

9 years ago

2.1.0

9 years ago

2.0.42

9 years ago

2.0.41

9 years ago

2.0.40

9 years ago

2.0.39

9 years ago

2.0.38

9 years ago

2.0.37

9 years ago

2.0.36

9 years ago

2.0.35

9 years ago

2.0.34

9 years ago

2.0.33

9 years ago

2.0.32

9 years ago

2.0.31

9 years ago

2.0.30

9 years ago

2.0.29

9 years ago

2.0.28

9 years ago

2.0.27

9 years ago

2.0.26

9 years ago

2.0.25

9 years ago

2.0.24

9 years ago

2.0.23

9 years ago

2.0.22

9 years ago

2.0.21

9 years ago

2.0.20

9 years ago

2.0.19

9 years ago

2.0.18

9 years ago

2.0.17

9 years ago

2.0.16

9 years ago

2.0.15

9 years ago

2.0.14

9 years ago

2.0.13

9 years ago

2.0.11

9 years ago

2.0.10

9 years ago

2.0.9

9 years ago

2.0.8

9 years ago

2.0.7

9 years ago

2.0.6

9 years ago

2.0.5

9 years ago

2.0.4

9 years ago

2.0.3

9 years ago

2.0.2

9 years ago

2.0.1

9 years ago

2.0.0

9 years ago