Build a Video Chat App with Twilio and Gatsby
Offered By: egghead.io
Course Description
Overview
In this workshop, Jason Lengstorf will take you from an empty project folder all the way through deployment of a Twilio-powered video chat app built on Gatsby.
Along the way, you’ll learn powerful concepts like dynamic route handling in Gatsby, form management with React Hooks, writing custom React Hooks, context management and reducers in React, handling real-time interactions in a React app, creating serverless functions in Twilio, and setting up a Twilio account to support realtime video calling.
Along the way, you’ll learn powerful concepts like dynamic route handling in Gatsby, form management with React Hooks, writing custom React Hooks, context management and reducers in React, handling real-time interactions in a React app, creating serverless functions in Twilio, and setting up a Twilio account to support realtime video calling.
Syllabus
- Build a Page Layout in Gatsby
- Create a React Form in Gatsby
- Generate Dynamic Routes in Gatsby with Reach Router
- Manage Application State in Gatsby with React Hooks
- Generate an Access Token for Users with Twilio Serverless Functions
- Consume a Generated Twilio Token in Gatsby with React Hooks
- Restrict Access in Gatsby with Protected Routes
- Connect Video to a Room with React Hooks in Gatsby
- Show Video in Gatsby from Remote Participants with React Hooks
- Handle Disconnected Participants with React Hooks and the Twilio API
Taught by
Jason Lengstorf
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity