Twilio Video chat with React Hooks
This is an example video chat application built with Twilio Video and React, using Hooks.
Learn how to build this entire application in the blog post Build a Twilio Video Chat with React Hooks.
Preparing the application
To run the application you will need a Twilio account and Node.js and npm installed. Start by cloning or downloading the repo to your machine.
git clone https://github.com/philnash/twilio-video-react-hooks.git
cd twilio-video-react-hooks
Install the dependencies:
npm install
Create a .env
file by copying the .env.example
.
cp .env.example .env
Credentials
You will need your Twilio Account SID, available in your Twilio console. Add it to the .env
file.
You will also need an API key and secret, you can create these under the Programmable Video Tools in your console. Create a key pair and add them to the .env
file too.
Running the application
Once you have completed the above you can run the application with:
npm run dev
This will open in your browser at localhost:3000.