## Features
* Using React Hooks
* Documented and self-explaining methods
* Small size without any external libraries
* All Javascript API methods are available
* Maintained by the [tawk.to](https://www.tawk.to/) team.
## Installation
The plugins are available from the node and yarn package managers.
```bash
# Node
npm install @tawk.to/tawk-messenger-react
# Yarn
yarn add @tawk.to/tawk-messenger-react
```
## Quickstart
Import **tawk-messenger-react** into the App.js file of your **src/** folder. The **propertyId** and **widgetId** will
be found on your tawk Dashboard.
Log in to your account and go to **Administration > Channels > Chat Widget**.
When using the API, you will need to use the **useRef** to access the object functions from the **tawk-messenger-react** component.
```js
import TawkMessengerReact from '@tawk.to/tawk-messenger-react';
function App() {
return (
);
}
```
## Documentation
This project includes a `docs` folder with more details on the following:
1. [How to Use](docs/how-to-use.md)
1. [API Reference](docs/api-reference.md)
## Other JS frameworks we support
- [Vue Js](https://github.com/tawk/tawk-messenger-vue)
- [Angular Js](https://github.com/tawk/tawk-messenger-angular)
- [Ember Js](https://github.com/tawk/tawk-messenger-ember)
## Frequently Asked Questions
**Do you have a knowledge base or article to support implementation?**
Here is our guide for the [React.js integration](https://help.tawk.to/article/react-js )
**Where can I find more information and support?**
Visit our [help center](https://help.tawk.to) or reach out in the chat on our [website](https://tawk.to). Our agents are available to assist you 24/7.
**Where can I submit a suggestion or report a bug?**
Check to see if the issue already exists. If not, open a new issue in the [Issues tab](https://github.com/tawk/tawk-messenger-vue/issues)