There are a few different "traditional" ways of lazy loading of images. They all require JavaScript needing to figure out if an image is currently visible
Webpack's Performance at Airbnb · Issue #5718 · webpack/webpack
TLDR: We want to improve webpack's performance in our development environment, and after investigating many performance options we are looking for direction on how to make progress. We want to brin...
The Problems with Redux: Are MobX and Realm going to put and end to it
We all know redux is great but comes along with tons of boilerplate configuration and architecture. Can React's local state, MobX and Realm solve this?
In this post, we're going to learn how to create a music player using some of the new features in React 16. In implementing this music player, we’re going to learn about some of the changes in React 16. There are quite a few changes, so we won't cover all of them, but we’ll cover the ones that are important and that you can implement today. The album art comes from an album by a band called the Glass Animals. Since we can't legally stream the "Glass Animals" soundtrack, we've picked some royalty-free music to play in its place so we can get the full effect of the music player. See the Pen...
Building the DOM faster: speculative parsing, async, defer and preload
In 2017, the toolbox for making sure your web page loads fast includes everything from minification and asset optimization to caching, CDNs, code splitting and ...
When we talk about front end performance we think things like concatenation, minification, caching, or gzipping assets on the server so that the page loads
Diving deep into JavaScript array – evolution & performance
Before starting the article I would like to state that this is not about the basic of JavaScript array. Neither about teaching syntaxes or showing usage examples. The article is more about memory repr
Front End Center — Why Latency Matters: Foundations of Web Performance
Depending on where you live and the devices you use, high-latency internet access might be a totally foreign concept or an everyday reality, so in this episo...
Learn how to manage Class binding to HTML using Vue.js - The Web Juice
Class Binding Vue.js can be easily achieved using v-bind and there are several syntaxes that can be employed like the Object Syntax or the Array Syntax.
Component-based libraries or frameworks such as Vue.js have given us the wonderful ability to create reusable components to be spread throughout their respective application, ensuring that they are consistent, and (hopefully) simplifying how they are used.