See our other products: ChatBot.com – bot platform | KnowledgeBase – help center for website | LiveChat – award winning live chat software

Chat.io for React and React Native

React is one of the two leading players on the market of JavaScript frameworks. In the independent The State of JavaScript 2017 survey it had the highest developer satisfaction rating, and in The State of the Octoverse 2017 it’s reported to be one of the most forked GitHub projects. In the same survey, React Native (a framework for building native mobile apps) has the second biggest community of contributors.

To keep up with this trend, we decided to create chat.io components for React and React Native, so that you can spice up your apps with our flexible chat software.

Pre-requirements

To use chat.io React and React Native components, you will need a chat.io license ID. If you already have a chat.io account, you can get your license ID in the Settings. If you don’t, you can create one on the main chat.io website.

Chat.io for React

This user-friendly module allows you to add a fully-functional chat.io widget to your app with just two lines of code:

import ChatIO from 'react-chatio'
<ChatIO license={your_license_id} />

Moreover, chat.io for React comes with a set of callbacks and methods, so that you can control your chat widget’s behaviour. They allow you, for example, to fire an action when the chat window is opened, when a chat is started or ended, detect if there is a visitor waiting in the queue, if there are agents available, and so on.

Chat.io for React download results (January 2018)

Get chat.io for React component

Chat.io for React Native

React Native is a framework for building native mobile apps (for iOS and Android at the same time) with JavaScript and React. If you have some experience with React, the learning curve of React Native should be fairly smooth.

Chat.io for React Native is a bit more complicated animal than the previous module. First, it’s in fact a custom chat widget powered by chat.io Customer SDK. Second, due to the fact that React Native doesn’t support CSS files and the styles of the chat window have to be controlled by the module itself, chat.io for React Native ships with its own UI. It uses Gifted Chat UI which allows for easy customisation of the chat widget.

Chat.io for React Native demo

Chat.io for React Native supports methods and events, so you can interact with the chat window or trigger an action when, for example, a visitor is typing, joins or leaves the chat, etc.

Chat.io for React Native download results (January 2018)

Get chat.io for React Native component

Want to contribute?

Both chat.io for React and chat.io for React Native are available on GitHub with full source code. You are more than welcome to modify them and contribute to their development. And if you want to report an issue or ask for a feature, feel free to drop us a line. Looking forward to you joining the pack!

comments powered by Disqus