How we got a 100% Lighthouse performance score for our Vue app

Checkly is the easiest way to actively monitor your API endpoints and browser click flows from a single dashboard. - http://bit.ly/2D6fwaq

#vue

Make Your Web Layouts Bust Out of the Rectangle With the Firefox Shape Path Editor

Josh Marinacci gives an introduction to CSS Shapes and the new Shape Path Editor in Firefox Developer Tools. - https://mzl.la/2pqEWG3

#css

How to Use Gulp.js to Automate Your CSS Tasks

Such as optimizing images, compiling Sass files, and handling and inlining assets. - http://bit.ly/2CXXgjq

#gulp #scss

A Tour of JavaScript Timers on the Web

Want to get your head around setTimeout vs setInterval vs setImmediate vs requestAnimationFrame and others? This will help. - http://bit.ly/2Or3Pfv

#javascript

Introducing the React Profiler

We mentioned it briefly last week but now there’s an official blog post about React’s experimental Profiler API included with React 16.5. It collects timing information about each component that’s rendered so you can begin to identify performance bottlenecks in your apps. - http://bit.ly/2piKZMW

#react

Optimizing for Traffic Temperature In SaaS Landing Pages

Not all visitors are equally ready or educated about your product to convert right away. - http://bit.ly/2NjJpsE

#ui #ux

Building a Desktop App with Vue: Vuido

In this article I will describe Vuido approach an in the next one I will try to build the same app with Electron. - http://bit.ly/2xp6mj5

#vue #vuido

The JavaScript Equality Table Game

Test your JavaScript == equality knowledge with this quirky Minesweeper-esque game. - http://bit.ly/2QNmSCz

#javascript

Sharing data between modules is peanuts

As you’re building your application you’ll be creating different feature modules with maintainability and a small footprint in mind. This way your modules have a clear boundary and will only be loaded when they are needed. - http://bit.ly/2ONjE0y

#angular

Why Async: How JavaScript Interacts with the Real World

A preview of an as yet unreleased course, but even these three pages might help you out if you’re still learning how promises and async/await can improve your code. - http://bit.ly/2NOftEs

#javascript

How to Implement a Tree View Component with React and styled-components - http://bit.ly/2NsfVJ9

#react

How to use dynamic environment variables in Vue

Configure your project to use different files in different stages. - http://bit.ly/2OtdKl2

#vue

Debugging A Node.js Application Using ndb

ndb provides an improved debugging experience for Node.js, enabled by Chrome DevTools, and this is an easily understood walkthrough. - http://bit.ly/2PSTREk

#nodejs

An Inside Look at a Modern Web Browser (Chrome, Specifically)

A fantastically illustrated four part series digging into Chrome’s architecture and how it ultimately renders code into functional sites - http://bit.ly/2xC2fkM

#chrome #architecture

Create Your Design System: Buttons

Sebastiano Guerriero shares some advice on working with buttons in your design systems. - http://bit.ly/2OgvIdq

#css

Dive into React Native for Android Development

Alexander Pataridze talks about why he became a React Native advocate and highlights the technology via four use-cases - http://bit.ly/2PVURHE

#reactNative

How Browser Rendering Works, Behind the Scenes

A high level walkthrough of how browsers operate. - http://bit.ly/2NJXcsH

#browser

Three Ways to Dynamically Alter your Form Validation in Angular

There are times where we need to “activate” a form control based on the value of another control.
For example, let’s say a user has multiple options, and if he marks the second option, we want to display an additional text input, where he’s required to add a reason. - http://bit.ly/2QPvfgO

#angular

You (Probably) Don’t Need Moment.js

Moment.js is a popular date and time manipulation library but with some downsides around tree-shaking and mutability. But do you even need it? This repo shows off the alternatives, including many native functions that do similar things. - http://bit.ly/2xBRzlm

#javascript

Medium-Style Image Zoom

Medium have a beautiful zoom effect on their images. This article will show you how to mimic this effect using Vue.js and the Pose animation library. - http://bit.ly/2xVZLNp

#vue