🎥 Build a Real-time Video Chat App with Twilio & Gatsby

Just a few years ago, the idea of tackling a video chat app in the browser was pretty much a non-starter. Realtime communication? Web sockets? Hardware access? No thanks.

These days, though, we have seen incredible advances in both the web platform and the tools available to us to build powerful apps.

Twilio’s video call APIs make setting up a browser-based video chat app more approachable than ever before. Gatsby makes creating websites fast and fun. And combining the two? What a fun way to build some mind-blowingly powerful web apps!

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 realtime interactions in a React app, creating serverless functions in Twilio, and setting up a Twilio account to support realtime video calling.

By the end of this workshop you will learn how to:

• create dynamic web apps using Gatsby
• create and configure a Twilio account for enabling video calling
• initialize and manage realtime interactions in a web app
• handle complex application state using React Context and Hooks
• write custom React Hooks to encapsulate application logic

Prerequisites

• Some familiarity with React is important. You don’t need to be an expert, but you should at least know how to write a simple component from scratch.