Inside Look at Modern Web Browser: Inner Workings of a Renderer Process

Mariko Kosaka dives into how the browser evaluates HTML/CSS/JavaScript to render pages. - http://bit.ly/2E6XOnO

#browser

BundlePhobia

A simple tool that shows the cost of adding a npm package to your bundle. - http://bit.ly/2OgSm6A

#tools

Building a PWA with Angular 6

A step-by-step walkthrough of building a progressive Web application using the latest Angular and its CLI tools. If you’ve kept away from Angular for a while, this could be a handy reintroduction. - http://bit.ly/2zIDTat

#angular

Why 'Words With Friends' is Adopting React Native

After a spate of stories about how some apps were moving away from React Native, it’s good to see a well thought through piece on why React Native makes sense for other apps - in this case, a popular Scrabble-esque mobile game. - http://bit.ly/2CwbiaW

#reactNative

Building an Autocomplete Widget with React and Elasticsearch - http://bit.ly/2xIK7G2

#react

How to Build Native Extensions for Node.js

A quick guide to the core concepts involved in building your first Node.js extension. - http://bit.ly/2MJ0nvC

#nodejs

An Introduction to Web Payments

The folks over at Google have put together some documentation on how the emerging Web Payments standard works to provide a generalized way to handle payments on the Web. - http://bit.ly/2NzBAu7

#web #api #payments

Vue Router — The Missing Manual

Beyond DOM manipulations, events handling, forms and components, every Single Page Application (SPA) framework needs two core pieces. - http://bit.ly/2QxYfZv

#vue

Create React App 2.0: Babel 7, Sass, and More

A significant release of a project that’s had a huge effect on the adoption of React by making it easier to get a project started. - http://bit.ly/2PrRPLk

#createApp2 #react

Accessibility Made Easy with Angular CDK

Keyboard focus and navigation are essential when developing for the accessible web. Many users rely on a keyboard when they surf the web.
If a user doesn’t use other input mechanisms, they’ll have a tough time interacting and navigating your site unless it’s keyboard navigable.
In this article, we’ll learn how Angular CDK makes adding this ability easier. - http://bit.ly/2QzgNZl

#angular

Accurately Measuring Layout on the Web

Nolan Lawson offers some techniques for accurately measuring what’s going on when we render things on the web. - http://bit.ly/2RAkW0v

#css

Building Your First MongoDB App with Node.js

Whether you’re new to MongoDB or to Node.js itself, this is very introductory. - http://bit.ly/2P95dUr

#nodejs

A comparison of Server Side Rendering in React and Angular applications

In this article, we will talk about what Server Side Rendering(SSR) is and discuss how Server Side Rendering (SSR) can be achieved in both React and Angular applications. Towards the end, we will also do a brief comparison of the ease of enabling SSR and the approach that we need to take to do so. - http://bit.ly/2C4gfXI

#react #angular #ssr

How to Test React Components using Jest and Enzyme

A bumper packed tutorial that covers both unit & integration tests on an example codebase. - http://bit.ly/2C1omUC

#react #testing

Authentication in Angular with NRGX Part 1

In this article, we are going to walk through what the NgRx library is, as well as share common use case scenarios for each application. The scope of the example project will cover the login of the application using token-based authentication. When the user logs in, the token will be stored in local storage. When he or she logs out, the token will be removed. - http://bit.ly/2RysUHp

#angular

Writing multiple Vue components in a single file

Writing multiple components in one file is a pattern from React. - http://bit.ly/2Qufyuo

#vue

How to Use the Animation Inspector in Chrome Developer Tools

Kezz Bracey gives a rundown of which animation dev tools are available in Chrome, how to access them, and what they can do for you. - http://bit.ly/2C5q9s4

#chrome #devTools

Create Vue Apps Visually with the Vue UI Tool

Most JavaScript frameworks these days usually have some sort of Command Line Interface (CLI) that enables users quickly scaffold applications and get straight to building apps, without doing repetitive set up tasks. - http://bit.ly/2zWWsHU

#vue

The Shapes of CSS

A pretty epic demonstration of producing a variety of shapes (I counted 45!) using CSS and pseudo elements. - http://bit.ly/2CBPJG9

#css

Building a Complex Financial Chart with D3 and d3fc - http://bit.ly/2C9d4ht

#d3js

Angular Material - Part One

Here, we’ll learn about Angular Material which is a collection of components that give our applications modern look and feel. - http://bit.ly/2yejyc7

#angular