はてなブックマーク

How does the old Winston Churchill quote go? Those who fail to learn from history are doomed to repeat it Although a more ironic addendum might add. Those who study history are doomed to stand by while everyone else repeats it. In the past few weeks, we've seen the culmination of a build of excitement around the revival of fine-grained reactivity, being referred to as Signals, across the front-end

Ryan Carniato for This is Learning Posted on Feb 27, 2023 • Updated on Mar 21, 2023 There has been some buzz recently in the frontend world around the term "Signals". In seemingly short order they seem to be everywhere showing up in everything from Preact to Angular. But they are not a new thing. Not even remotely if you consider you can trace roots back to research in the late 1960s. At its found

The wonderful thing about glimpsing into the future is that the path is never completely clear. We can look at trends, and look at innovations and try to chart a course. Better still we can be part of those innovations to guide the direction. But nothing is certain. 2022 had a ton of big releases that push web development forward. We saw the 1.0 releases of both Astro and Sveltekit. SolidStart, an

I heard some JavaScript developers saying that hydration is pure overhead, so I decided to stop drinking water. There are many definitions for Hydration (which is part of the problem). But my favorite is: Hydration is the process to restore a server-rendered app to the state it would be if it were client-rendered. (Credit: @mlrawlings) Why is this even a thing? It wasn't always. In yesteryear, one

I'm not sure if there's ever been a language more loathed, yet so widely used, as JavaScript. I'm not of that camp. I quite like JavaScript. Its quirks, its flaws. How it somehow built upon Scheme yet was destined to be the most pervasive programming language. JavaScript was designed to be a companion. A scripting language to perform menial tasks to assist small pieces of interactivity on the page

MD Sarfaraj for This is Learning Posted on Aug 1, 2022 • Updated on Aug 19, 2022 As we all know, Flutter is booming in the market, and everyone is talking about it. Most companies are recruiting Flutter engineers, therefore if you want to learn Flutter app development, then the blog is for you. In today's blog, I'm going to give a road map to becoming a Flutter developer, so let's get started. If

One interesting thing we found when researching my last article is that every framework's version of this React code logs different things when you click the button: What we ended up with in the log was: React 0 0 0 Vue 1 2 0 Svelte 1 0 0 Solid 1 2 2 I first posted this a year and a half ago but it's been haunting me ever since. I keep revisiting it. In my dreams, and my day job. When working on M

I've attempted to refrain from using acronyms but they are more compact in tables. If you come across any you are not familiar with there is a glossary at the end. All these frameworks work perfectly well in multiple scenarios but just picked a couple of the options that fit. This is just a small sampling. It is easy to see there are many options. Honestly, our classification can only go so far to

Ryan Carniato for This is Learning Posted on Feb 3, 2022 • Updated on Feb 8, 2022 Hydration is the name given to the process in JavaScript frameworks to initializing the page in the browser after it has previously been server rendered. While the server can produce the initial HTML we need to augment this output with event handlers and initialize our application state in a way that it can be intera

okay i mulled over this idea in my head for a month and then just sat down and wrote this in one pass without switching tabs so here it is, raw and extra spicy: "Second guessing the modern web" https://t.co/NWt1oYF54M I've written countless articles about the technologies around these topics but maybe it's time to step back and really appreciate what this means for the average web developer. Death

Size in JavaScript Frameworks is actually a pretty tricky thing to estimate. Even nailing down the size of runtimes is unclear. You might go to bundlephobia.com but the size there can be misleading. With tree-shaking not all code is included. Bundlephobia also doesn't include sub-modules. Things like svelte/motion or preact/hooks. There isn't only the size of the runtime but the size of the compon

Ryan Carniato for This is Learning Posted on Aug 19, 2021 • Updated on Sep 10, 2021 With software development, we are often presented with alternative choices for libraries and tools that appear to accomplish the same sort of things. Each one will advertise its key advantages, and we attempt to weigh the pros and cons. Sometimes, the differentiators have less to do with what we are accomplishing a

A couple of years ago in the The Real Cost of UI Components, I explored the cost of components in JavaScript frameworks. I asked whether components were just overhead? And the answer was: it depends. The Virtual DOM library I tested, ivi, had no issues handling more components. But Lit and Svelte were dramatically worse. They scaled back to almost React levels of performance as I broke them down t