React 16.3 Released with StrictMode and an Official Context API

Introduces a new, more efficient context API, though the old, experimental context API will keep working for all 16.x releases. There are also changes to component lifecycles, a StrictMode component that activates extra checks and warnings for descendants, and createRef and forwardRef APIs. - https://goo.gl/jqQSKV

#react

The Vue from React: Building Apps with Vue Using My Knowledge of React

UI developer Ian Wilson has documented the process of learning VueJS as someone who has worked a lot with React - https://goo.gl/wdUPDx

#vue

12 Chrome DevTools Tips and Tricks

The DevTools gain new features all the time, so it’s always worth keeping an eye on ways to use it. Here’s a collection of quick tips that may prove handy. - https://goo.gl/YiFA72

#chrome #tools #tips

Using async/await to Write Cleaner Route Handlers - https://goo.gl/FgMHjH

#nodejs

A Practical Introduction to React Router 4

A gentle intro to React Router 4, a popular, declarative routing mechanism — packed with practical examples. - https://goo.gl/KBs3fe

#react #router

The Ultimate Guide to Background Images in Email

If you want to make your emails more visually engaging here is everything you need to know. Is there anything on this list that you think we should be doing? - https://goo.gl/nvjR4b

#email

Cropping Away Negative Impacts of Line Height

Kevin Powell shows how to get rid of the whitespace above and below the text to render space in UI components systematically and consistently. - https://goo.gl/uv5mdo

#css

ES Modules: A Cartoon Deep-Dive

ES modules bring an official, standardized module system to JavaScript and once Firefox 60 is out (soon) it’ll be supported in all major browsers. But what do they entail? - https://goo.gl/4uzruC

#javascript

An Update on the Development of Async Rendering in React

The React core team present a thorough update on what they’ve learnt while building out React’s newest asynchronous rendering features and what you can do to be prepared with your own components. - https://goo.gl/fjhgtB

#react

WAI-ARIA: the dark art of accessibility?

Getting better insight into how to make something like a carousel ARIA ready. - https://goo.gl/DH9ZoG

#html #area

How 'display: contents' Works

display: contents makes an element’s children appear as direct children of the element’s parent, ignoring the element itself. This explains how it works and why you might want to use it. For now, it’s only in the current releases of Firefox & Chrome but support is growing. - https://goo.gl/yBcewV

#css

A tale of Webpack 4 and how to finally configure it in the right way - https://goo.gl/zB13q8

#webpack

Working with the New CSS Typed Object Model

The CSS Typed Object Model brings types, methods, and a flexible object model to working with CSS values in JavaScript. - https://goo.gl/tkqYp5

#css

Key Lessons from Google’s JavaScript Style Guide

An attempt to extract some lessons from Google’s JavaScript style guide. These aren’t hard and fast rules but merely suggestions to make life easier. - https://goo.gl/k8uqcw

#javascript

A Diagram of Modern React Lifecycle Methods - http://bit.ly/2EQpnwF

#react

Introducing the 'react-testing-library'

We linked to the project itself two issues ago, but Kent has now written up why you should give his new light-weight solution for testing React components a try. - http://bit.ly/2JQMjzt

#react

A Practical Guide to Using and Creating Angular Directives - http://bit.ly/2HqBMwM

#angular

The Status of JS Libraries and Frameworks: 2018 and Beyond

Thoughts, data and updates on React, Vue, Angular, Polymer, TypeScript and jQuery. - https://goo.gl/asqkiR

#javascript

Building a ConvertKit Opt-in Form with Vue.js

Adam Wathan is building a ConvertKit based subscribe-form from jQuery to Vue.js. - http://bit.ly/2H0mI9w

#vue #video

Bringing Interactive Examples to MDN

Mozilla has been working on a project to bring interactive examples to pages on the wildly popular MDN Web Docs site. - https://goo.gl/MVLrVK

#css

Color: From Hexcodes to Eyeballs

Why do we perceive background-color: #9B51E0 as this particular purple?…This is one of those questions where I thought I’d known the answer for a long time, but as I inspected my understanding, I realized there were pretty significant gaps…Through an exploration of electromagnetic radiation, optical biology, colorimetry, and display hardware, I hope to start filling in some of these gaps… - http://bit.ly/2ES4iBT

#color