The (Most Comprehensive) JavaScript Design Principles Guide
As JavaScript developers we strive towards clean, healthy, and maintainable code. We strive towards solving challenges eloquently. While these challenges may each, within themselves, be unique - we don't necessarily require unique solutions for each individual one of these new challenges we face. "If you've used a solution that is not a unique solution to solve a challenge that is in of itself a u
JavaScript needs more helper functions for iteration (map, filter, etc.) – where should we put them?
JavaScript needs more helper functions for iteration (map, filter, etc.) – where should we put them? Iteration is a standard that connects operations with data containers: Each operation that follows this standard, can be applied to each data container that implements this standard. In this blog post: We first explore three questions: How does JavaScript’s iteration work? What are its quirks? What
Build a modern shopping site with Astro and Netlify serverless functions
Hello! So many new technologies to play with, so little time! When we saw that Shopify expanded their Storefront API, the Developer Experience team at Netlify jumped ON it to play around with all of the different ways we could build a shopping site. I decided to try my hand at building one with Astro and React! If you are interested in how I built it, keep on reading. If you’d like to see how the
Drum Synthesis in JavaScript
For a long time now, the idea of writing a small drum synth has been one of those "maybe it would be cool if..." tasks floating in the periphery of my Creative Intent plugin prototypes or in my small experiments with generative music. Typically I've put off the idea thinking that it would take more time than it would be worth. But, now that I have Elementary at my disposal, I've found that small e
The Ultimate Guide to Browser-Side Storage
All articles The Ultimate Guide to Browser-Side Storage Learn how many different ways are there to store data on the browser side and which ones you should avoid! It’s usually necessary to store user data server side in a database or similar repository. This guarantees persistence and ensures users can access their data from any web-connected browser (presuming your storage system is reliable, of
Building A Dynamic Header With Intersection Observer — Smashing Magazine
Have you ever needed to build a UI where some component on the page needs to respond to elements as they’re scrolled to a certain threshold within the viewport — or perhaps in and out of the viewport itself? In JavaScript, attaching an event listener to constantly fire a callback on scroll can be performance-intensive, and if used unwisely, can make for a sluggish user experience. But there is a b
A Look at Building with Astro | CSS-Tricks
Astro is a brand new framework for building websites. To me, the big thing is that it allows you to build a site like you’re using a JavaScript framework (and you are), but the output is a zero-JavaScript static site. You can opt-in to client-side JavaScript as needed, and there are clever options for doing so. Notably, the learning curve is somewhat flattened by the fact that it supports componen
21 Best Practices for a Clean React Project
Photo by Diana Polekhina on Unsplash.React is very unopinionated about how things should be structured. This is exactly why it’s our responsibility to keep our projects clean and maintainable. Today, we will discuss some best practices to improve your React application’s health. These rules are widely accepted. As such, having this knowledge is imperative. Everything will be shown with code, so bu
You Can Label a JavaScript `if` Statement | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Labels are a feature that have existed since the creation of JavaScript. They aren’t new! I don’t think all that many people know about them and I’d even argue they are a bit confusing. But, as we’ll see, labels can be useful in very specific instances. But first: A JavaScript label should not be c
Using asynchronous web APIs from WebAssembly | Articles | web.dev
The I/O APIs on the web are asynchronous, but they're synchronous in most system languages. When compiling code to WebAssembly, you need to bridge one kind of APIs to another—and this bridge is Asyncify. In this post, you'll learn when and how to use Asyncify and how it works under the hood. I/O in system languages I'll start with a simple example in C. Say, you want to read the user's name from a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How to Use Promise.allSettled()
JavaScript's Forgotten Keyword (with)
Idle JavaScript Observations
How to Use Promise.all()
Functional, Declarative Audio Applications
10 Utility Functions for Working with Objects in JavaScript
New Standards to Access User Device Hardware using JavaScript
Components are Pure Overhead
Update URL query parameters as you type in the input using JavaScript
JS classes are not “just syntactic sugar”