From the course: Learning App Building with Vanilla JavaScript

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Data binding

Data binding - JavaScript Tutorial

From the course: Learning App Building with Vanilla JavaScript

Start my 1-month free trial

Data binding

“

- When you use a framework like React for your UI, it lets you build out a view that incorporates data, either from user input or from a web service. In addition to providing you an API that lets you build a modular interface with a minimum of code, React does a couple important things for you behind the scenes to facilitate data-binding, which is connecting the data you want to display with specific parts of your view. When you're building out a UI yourself with vanilla Javascript, it's important to understand how it works so you can create a fully functional solution that doesn't suffer from performance issues. When performing data-binding, it's crucial to track state, which is the canonical or authoritative value for each piece of information involved. When you're working with user-entered values, this can be as simple as storing each value in a variable and then updating the variable whenever the user input changes. However, when you're working with data retrieved from a web…

Contents