Explore the development journey of Visual Studio Code, one of Microsoft's largest JavaScript applications, in this 53-minute conference talk from GOTO Amsterdam 2016. Dive into the challenges and solutions encountered while creating a cross-platform code editor that rivals native applications. Learn about key insights that enabled the team to deliver a rich code editing experience, including the adoption of TypeScript, effective code organization strategies, and performance optimization techniques. Discover how the project evolved from its initial codebase to incorporate module systems, lazy code loading, and dependency injection. Gain valuable knowledge on managing large-scale JavaScript projects, addressing growing pains, and leveraging tools to enhance scrolling performance and overall user experience.
Visual Studio Code - Shipping One of the Largest Microsoft JavaScript Apps
Overview
Syllabus
Intro
What do we ship?
Growing the code
TypeScript to the rescue...
Code Organization: Keep code structured
Growing Pains: Managing dependencies
Module Systems to the rescue...
TypeScript: First class module support
Lazy code loading
CSS dependencies
Performance: Bundle & Minify your Code
Post Module System Migration
Towards 100% TypeScript
Components
Dependency Injection
Execution environments
Performance: Virtual scrolling
Minified code: an editor's worst nightmare
Get to know your tools: Scrolling Performance
Taught by
GOTO Conferences
