Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Custom Code Editor Using the WebContainer API with Gabriel Daltoso

Learn With Jason via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Explore the process of building a custom code editor using the WebContainer API with StackBlitz in this informative video tutorial. Learn from Gabriel Daltoso as he guides you through the steps, from understanding the WebContainer API to creating a functional editor in the browser. Discover the inspiration behind the Windows 95-themed React project and gain insights into the capabilities of modern web technologies. Follow along as the tutorial covers essential topics such as setting up the WebContainer environment, installing dependencies, and using npm to create a React app. By the end of this 1-hour 28-minute session, you'll have a solid understanding of how to leverage the WebContainer API for building powerful in-browser development environments.

Syllabus

- Welcome
- Who is Gabriel Daltoso?
- What inspired a Windows 95 theme for React?
- What is the WebContainer API?
- What drew you to this project?
- Where should I start when building an editor?
- What WebContainer needs to run in the browser
- Let’s install something
- Using npm create react ap
- Where should someone go to find out more

Taught by

Learn With Jason

Reviews

Start your review of Build a Custom Code Editor Using the WebContainer API with Gabriel Daltoso

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.