# Frameworkless JavaScript Part 3: One-Way Data Binding

DevFeed: [Frameworkless JavaScript Part 3: One-Way Data Binding](<https://devfeed.tech/articles/frameworkless-javascript-part-3-one-way-data-binding-32303.md>)

Original publisher: [Read original article](<https://jack.ofspades.com/frameworkless-javascript-part-3-one-way-data-binding/>)

Author: Jack Tarantino

Published: 2018-02-26T00:43:11Z

Content type: tutorial

Language: en

Sources: [Jacopo Tarantino](<https://devfeed.tech/sources/jacopo-tarantino.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Vanilla JavaScript](<https://devfeed.tech/topics/vanilla-js.md>), [data](<https://devfeed.tech/topics/data.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [proxy](<https://devfeed.tech/topics/proxy.md>), [React](<https://devfeed.tech/topics/react.md>), [Angular](<https://devfeed.tech/topics/angular.md>), [Ember](<https://devfeed.tech/topics/ember.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [callback](<https://devfeed.tech/tags/callback.md>), [code](<https://devfeed.tech/tags/code.md>), [developers](<https://devfeed.tech/tags/developers.md>), [ember](<https://devfeed.tech/tags/ember.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [re](<https://devfeed.tech/tags/re.md>), [react](<https://devfeed.tech/tags/react.md>)

## AI overview

A tutorial on implementing one-way data binding in frameworkless JavaScript using native APIs, the DOM, ES6 Proxy objects, and callbacks. It explains how to update DOM content when data changes and works toward reusable node and proxy constructors.

## Source excerpt

This article is one in a series about writing client-focused JavaScript without the help of libraries and frameworks. It's meant to help developers remember that they can write good code on their own using nothing but native APIs and methods. For more, check out the original article on writing small