Chris Ferdinandi

Two-way data binding and reactivity with 15 lines of vanilla JavaScript

https://gomakethings.com/two-way-data-binding-and-reactivity-with-15-lines-of-vanilla-javascript/

how to keep two copies of the same form in sync with each other. […] a simple trick that uses JS Proxies and 15 lines of vanilla JS.

Nice!

• Older: We're Bringing Responsive Video Back!
• Newer: Smart Quotes for Smart People

Related contents with similar topics

1. 

   Nolan Lawson

   SPAs: theory versus practice

   • Nicolas Hoizey
   • 18 October 2024
   • SPA, MPA, JavaScript
   • 4 reactions

   An expert developer can stand up on a conference stage and show off the amazing scores for their site (perfect performance! perfect accessibility!…

2. 

   Philip Walton

   The State of ES5 on the Web

   • Nicolas Hoizey
   • 9 September 2024
   • JavaScript
   • 1 reaction

   So what is the current state of ES5 on the web today? And what are the best practices for web developers when building code for production? TL;DR:…

3. 

   Bobae Kang

   React, Solid, htmx

   • Nicolas Hoizey
   • 17 April 2024
   • htmx, React, Solid, JavaScript, HTML
   • 9 reactions

   [HTMX] can get you 80% there with radically less complexity. No extra dependencies, no build step, no advanced tooling (now re-written in Rust!),…

4. 

   Lydia Hallie

   JavaScript Visualized - Promise Execution

   • Nicolas Hoizey
   • 3 April 2024
   • JavaScript
   • 6 reactions

   The cool thing about Promises is that this can trigger an asynchronous action if a handler is attached by either then or catch. Since the handlers…

5. 

   Alan Norbauer

   67 Weird Debugging Tricks Your Browser Doesn't Want You to Know

   • Nicolas Hoizey
   • 2 April 2024
   • browser, debug, JavaScript, CSS, DOM
   • 3 reactions

   A list of useful, not-obvious hacks to get the most out of your browser’s1 debugger. Assumes an intermediate-level-or-higher understanding of the…