react-freshchat

FreshChat React implementation

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-freshchat
651.0.115 years ago5 years agoMinified + gzip package size for react-freshchat in KB

Readme

React Freshchat
React Freshchat is a wrapper on top of Freshchat (see oficial doc here https://developers.freshchat.com/).

How to use

DO NOT INCLUDE Freshchat script in head, React Freshchat will automatically add it with lazy load technique
  • Install react-freshchat (see Installation).
  • Import the lib where you initialize your React App.
  • Include the component with the token.

Example

import React from 'react'
import FreshChat from 'react-freshchat'

class App extends React.Component {
  // ...
  render() {
    return <div>
      <FreshChat
        token={config.freshchat.token}
        email: 'user@email.com',
        first_name: '...',
        onInit={widget => {
          /* Use `widget` instead of `window.fcWidget`
            widget.user.setProperties({
              email: user.email,
              first_name: user.firstName,
              last_name: user.lastName,
              phone: user.phoneNumber,
            })
          */
        }}
      />
    </div>
  }
}

For more details: https://developers.freshchat.com/

Installation

Only NPM is supported for now: npm i -s react-freshchat

UMD Support

UMD is supported out of the box.

TODO

  • Unit Testing
  • Integrate Webpack