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

How to Build a Chat App with React and Pusher Chatkit

A pretty neat and extensive walkthrough, though it relies on a third party in-beta service. - http://bit.ly/2qzzzV2

#react

The Comprehensive Guide to JavaScript Design Patterns

Design patterns are reusable solutions to commonly occurring problems in software design. In this post Marko Mišura takes a look at some of the categories and then dives into the nitty gritty - https://goo.gl/j5zuoT

#javascript

Vue.js and Webpack 4 From Scratch

A walkthrough of creating a Webpack 4 build for a Vue.js “Hello World” application including linting, testing, and hot module reloading. - http://bit.ly/2qDoDWu

#vue #webpack

Iron Man’s Arc Reactor Using CSS3 Transforms and Animations

Kunal Sarkar shows how to create an animated Arc reactor from Iron Man’s suit using CSS. - https://goo.gl/KZtepD

#css

Build Your Own Vue.js Router

In this four-part series, Alex Jover Morales creates a front-end router from scratch with VueJS to help you understand the concepts behind this important component of single-page apps. - http://bit.ly/2HHPRna

#vue

Examples of Everything New in ES2016, 2017, and 2018

This is a worthwhile roundup of all the new bits and pieces in recent ECMAScript specs, but note that SharedBufferArray support has been disabled in most runtimes due to Spectre, so give that a miss. - http://bit.ly/2H2ZBv7

#javascript

Vue Login Animation

Implementing super smooth animations in your Vue App.
- http://bit.ly/2qH0Wh9

#vue

React Code Style Guide - https://goo.gl/gFLMMJ

#react

Introducing the Payment Request API for Apple Pay

Safari 11.1 on macOS and Safari on iOS 11.3 now support the W3C Payment Request API for conducting Apple Pay transactions on the web. - http://bit.ly/2JUTAOL

#mobile

The Critical Path: Optimizing Load Times With the Chrome DevTools

How to use the Chrome Dev tools to analyse your site and identify areas you can speed up to improve the overall load times. - https://goo.gl/VpyWTA

#html

react-native-stretchy: A React Native Scrollable Stretchy Header Component - http://bit.ly/2H7llBO

#react #component