The Hard Parts of UI Development

The Hard Parts of UI Development

9 hours, 19 minutes CC

Keeping what the user sees in sync with the app's data can be tricky, particularly in browsers and big apps. UI tools like React, Angular, and Vue help, but they can be hard to use if you don't know what problems they solve. Develop an under-the-hood knowledge of UI dev by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch! You'll learn how JavaScript interacts with browser features like the DOM and HTML parser. By the end, you'll have a complete mental model of UI dev that you can apply to any framework!

This course and others like it are available as part of our Frontend Masters video subscription.

Published: June 20, 2023
Get Unlimited Access Now
Table of Contents


State & View

JavaScript, DOM & Events

Data-Binding in the UI

Virtual DOM

Composition & Functional Components

Performance Improvements

Wrapping Up