はてなブックマーク

Hate the complexity of modern front‑end web development? I send out a short email each weekday on how to build a better web and more. Join over 9.4k others.

A couple of weeks ago, we looked at how to build reactive, state-based components with vanilla JS. How to create a state-based UI component How to add reactivity to a state-based UI component with Proxies How to batch UI rendering for better performance Today, we’re going to learn how to add DOM diffing to our component. If you haven’t yet, go back and read the first three articles, or today’s won

Over the last few years, I’ve run npm install more times than I can count. And as a result, I have a lot of node_modules directories on my computer that I long forgot about and never use. Sometimes I don’t need the project at all anymore, but often, it’s a codebase I just don’t work with often. My node_modules directories contained 50mb of stuff on the small side, and over 200mb of files in some c

Last week, I started a series on how Reef, my 2.5kb alternative to React and Vue, works under-the-hood. First, we learned how to convert markup strings into real HTML elements. Then, we learned how to create a map of the DOM tree. Today, we’re going to learn how to put them both together to diff the DOM and selectively update just the things that need changing. Quick head up: this is a bit more co

A collection of boilerplates, helper functions, and libraries you can copy/paste to make building a simpler, more resilient web a bit easier. Reference Guide A quick reference for commonly used JavaScript methods and browser APIs. Explore the guide → Boilerplates A collection of templates to help you kick-start your next JavaScript project. IIFE - A way to keep all of your variables and functions