Search
Recursive Array.flat
17.5.2019
There was much talk about Array.prototype.flat during its early stages, starting with the name alone. Many developers preferred the name flatten but the spec differed from MooTools’ implementation. MooTools would recursively flatten an array but the new, official flat implementation was only...
Collective #516
16.5.2019
Subgrid * Ola * PHP Insights * What the Fr(action)? * HandUI * Functional-ish JavaScript
Collective #516 was written by Pedro Botelho and published on Codrops
A Deep Dive into Native Lazy-Loading for Images and Frames
15.5.2019
Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold.
What’s this thing about images being lazy, you ask? Lazy-loading...
10 Interesting JavaScript and CSS Libraries for May 2019
15.5.2019
A curated list of our favorite open-source projects for the month of May
Using Array reduce
14.5.2019
Every developer who specializes in any programming language will tell you there’s a powerful tool the language provides that they rarely use and wish they knew more about. For me, it’s Array.prototype.reduce. I quite enjoy the other Array methods like map, filter, and find, but reduce...
Collective #515
13.5.2019
Into the Personal-Website-Verse * mailgo * Fontanello * GitHub Package Registry * What's new in JavaScript
Collective #515 was written by Pedro Botelho and published on Codrops
Learn How to Create BCH Apps With Bitcoin.com’s Developer Platform
13.5.2019
Are you a professional or a hobbyist programmer and want to create cryptocurrency enabled applications? Bitcoin.com’s Developer Platform offers resources for you to learn how to develop software based on the Bitcoin Cash (BCH) network. Also Read: Crypto Meets Techno and Binance Security...
Deploying a Client-Side Rendered create-react-app to Microsoft Azure
10.5.2019
Deploying a React app to Microsoft Azure is simple. Except that... it isn’t. The devil is in the details. If you're looking to deploy a create-react-app — or a similar style front-end JavaScript framework that requires pushState-based routing — to Microsoft Azure, I believe this article will serve...
Weekly Platform News: Feature Policy, Signed Exchanges, iOS browsers
10.5.2019
👋 Hey folks! This is the first edition of a new weekly update we'll be posting that covers timely news at the intersection of development standards and the tools that make them available on the web. We often talk about the pace of change in our industry. It's fast and touches everything...
10 Days of React Challenges (Beginner): Show an Alert Based on an Input
10.5.2019
Events make the core of interactivity in JavaScript, from listening to form inputs, scroll events to button clicks. The knowledge of handling events in JavaScript is essential.
CodeP
10 React Challenges (Beginner): Show an Alert Based on an Input
10.5.2019
Events make the core of interactivity in JavaScript, from listening to form inputs, scroll events to button clicks. The knowledge of handling events in JavaScript is essential.
CodeP
10 React Challenges (Beginner): Use React State to Update the DOM
10.5.2019
A common theme in modern front-end JavaScript libraries/frameworks is that they can help you manage the data in your applications.
Once you update something, React can immediate
10 React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
10 Days of React Challenges (Beginner): Use React State to Update the DOM
10.5.2019
A common theme in modern front-end JavaScript libraries/frameworks is that they can help you manage the data in your applications.
Once you update something, React can immediate
10 Days of React Challenges (Beginner): Loop Over and Display Data with JSX
10.5.2019
Data comes in all shapes and sizes. In JavaScript, an array is how we hold sets of data. For the majority of our site content, we use an array of objects.
Looping through and sh
The Thinking Behind Simplifying Event Handlers
9.5.2019
Events are used to respond when a user clicks somewhere, focuses on a link with their keyboard, and changes the text in a form. When I first started learning JavaScript, I wrote complicated event listeners. More recently, I've learned how to reduce both the amount of code I write and the number...
New ECMAScript Modules in Node v12
9.5.2019
If you’re familiar with popular JavaScript frontend frameworks like React, Angular, etc, then the concept of ECMAScript won’t be entirely new to you. ES Modules have the import and
A Few Functional Uses for Intersection Observer to Know When an Element is in View
8.5.2019
You might not know this, but JavaScript has stealthily accumulated quite a number of observers in recent times, and Intersection Observer is a part of that arsenal. Observers are objects that spot something in real-time — like birdwatchers going to their favorite place to sit and wait for the birds...
Getting To Know The MutationObserver API
8.5.2019
MutationObserver watches the DOM, specifically the places you tell it to, like:
document.querySelector('#watch-this');
...and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.
I used it just the other day...
Type Conversion with JavaScript Arrays
7.5.2019
JavaScript’s loose nature allows developers to employ amazing tricks to do just about anything you’d like. I’ve detailed how you can filter falsy values in arrays using a filter(Boolean) trick, but reader David Hibshman shared another trick for typecasting array values the same...