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

Adding Bootstrap to a Vue CLI Project

Vue CLI 3 projects do not include much CSS. This tutorial shows the best way to add the Bootstrap CSS framework to a new Vue CLI project. - http://bit.ly/2MO3Jx6

#vue

Chrome 70 Beta and the Shape Detection API

The Shape Detection API consists of three other APIs, the Face Detection API, Barcode Detection API and Text Detection API, all designed to make a device’s shape detection capabilities available to Web developers. - http://bit.ly/2Q9T0ix

#chrome

The 100% Correct Way to Split Your Chunks with Webpack

Know what file-splitting strategy will work best for your site and your users. - http://bit.ly/2NXHiKw

#webpack

Announcing TypeScript 3.1 RC

3.1 two main additions are mappable tuple and array types plus properties on function declarations. - http://bit.ly/2MT3Ib0

#typescript

CSS Only Floated Labels with :placeholder-shown Pseudo Class

Nick Salloum shows how to build a CSS only solution to the floated label technique using the :placeholder-shown pseudo class. - http://bit.ly/2xGNAVt

#css

The Three Pillars of Angular Routing. Angular Router Series Introduction.

The Angular router is a marvel of software engineering. From handling application navigation to enforcing route guards and facilitating lazy loading of modules, Angular’s router is indispensable for most applications. However, for many developers, the internal workings of the router remain a mystery. This series aims to change that, by giving you, the developer, a deeper understanding of the router. - http://bit.ly/2Q41JCK

#angular

Create a Custom Vue.js Plugin in < 1 Hour

Plugins are essential for developers working with the Vue.js framework. This post explains what they are, and how to craft a production-ready Vue plugin with minimal fuss. - http://bit.ly/2OUwKsE

#vue

Improving DataView Performance in V8

DataViews provide a low-level way to read and write multiple number types in binary ArrayBuffers in a platform independent way but their performance has long lagged behind TypedArray. That has now changed in the V8 JavaScript engine, and here are the end results. - http://bit.ly/2zA8h6K

#nodejs

Angular Schematics: Asynchronous Schematics

Full disclosure, this post completely could be an edge case that you may or may not ever need to think about when creating your own Angular Schematics. For a majority of Schematics, you’ll be generating your Schematic in a very synchronous fashion, able to trace the exact path from one function to another without any external dependencies or service calls. - http://bit.ly/2NW31TI

#angular

Designing notifications for apps

Explore different notification models and when to use which - http://bit.ly/2OZ4Tb6

#ui

Immutability in React and Redux: The Complete Guide

Learn about side effects and how to avoid them, how to use immutability with objects and arrays in Redux reducers, and an easy way to update state with Immer. - http://bit.ly/2N6DNg4

#react

Idle Until Urgent: A Performance Strategy

When analyzing his site’s ‘first input delay’, Phil noticed all the JavaScript functions being run as the page loaded added up to a significant amount of time. His solution? Only run code in idle periods or when it’s truly, urgently required. Here’s a look at how that works in practice. - http://bit.ly/2NRxceS

#javascript