philnash / react-programmable-chat

A React example of Twilio Programmable Chat

Twilio Programmable Chat on React

This is an implementation of Twilio Programmable Chat using React.

Setting up the app

To run this application you will need four configuration parameters, available from your Twilio console.

Config Value	Description
Service Instance SID	Like a database for your Programmable Chat data - generate one in the console here
Account SID	Your primary Twilio account identifier - find this in the console here.
API Key	Used to authenticate - generate one here.
API Secret	Used to authenticate - just like the above, you'll get one here.

A Note on API Keys

When you generate an API key pair at the URLs above, your API Secret will only be shown once - make sure to save this in a secure location, or possibly your ~/.bash_profile.

Setting Up The Node.js Application

Create a configuration file for your application:

cp .env.example .env

Edit .env with the four configuration parameters we gathered from above.

Next, we need to install our dependencies from npm:

npm install
cd client/
npm install
cd ..

Now you are ready! Run the application with

npm start

Your application should start up at http://localhost:3000.

react-programmable-chat's Issues

Async hooks issue in client app

Hello philnash,

while runing the app i am getting this.

Not Working

At localhost:3001 it says that Cannot GET /

Any solutions?

Creating the hook version of this programmable chat

Hello, I'm facing an issue where I initialize the Twilio object in ReactJS (using hooks) and then any method that I use is undefined.

 let chatClient = new TwilioChat(token.data.jwt)
            chatClient.createChannel({uniqueName:'General', friendlyName:'General Chat'})

I getChannel with provided unique name already exists
and I get back TypeError: Cannot read property 'getChannelByUniqueName' of undefined
when using this method

How to save friendlyName and Attributes of twilio user?

I want to display all channels of a loggedin user.
How can I do this using 'twilio-chat'.
When I using getChannels() and getUserChannelDescriptors() raising " is not a function"
Please help me to fix it.
Thanks

Can't connect to twilsock

when I try connecting to Twilio-chat to get chatClient I keep getting this error TransportUnavailableError: Can't connect to twilsock at Upstream.send

No work!

Hi!

In localhost:3000 I can't see nothing, no work.

cp .env.example .env
npm install
npm start

run localhost:3000 ----> ERR_CONNECTION_REFUSED

:S

Date separator between messages form diferent dates not showing

Hi, this is more of a question than an issue.

For some reason copying your example there are no date separators for messages. I was wondering if you knew what configuration I should tweak to get that showing? Twilio documentation of the chat is really bad and I can't find anything.

Thanks