How to Greatly Improve Your React App’s Performance

A review of common React performance pitfalls (such as bad shouldComponentUpdate implementations and using events poorly) and how to avoid them. - https://goo.gl/Vd1JBH

#react

AWS AppSync: Build Data-Driven Apps with Real-Time and Offline Capabilities

A fully managed serverless GraphQL service for real-time data queries, synchronization, communications and offline programming features, aimed at mobile app developers. - https://goo.gl/ZYMycm

#aws

Monitoring Unused CSS by Unleashing the Raw Power of the Devtools Protocol

Johnny shows how to use Chrome DevTools Protocol to track the percentage of unused CSS in the app programmatically. - https://goo.gl/DmrrnU

#css #devtools

Vue-i18n async loading of languages

Load your language files asynchronously using the internationalization plugin for Vue.js. - https://goo.gl/yGRqh6

#vue

The Best Request Is No Request, Revisited

What’s the role of bundling in performance now that HTTP/2 is becoming more ubiquitous? Let Stefan Baumgartner help you find out. - https://goo.gl/DPzTPV

#http2

The Performance Cost of Server Side Rendered React on Node.js

“there is a price to pay for server side rendered React.js” -
https://goo.gl/roaJef

#react #serverSideRender

Progressive Web Apps: A Crash Course

Ahmed Bouchefra explains PWAs by showing how to build one from scratch with ES6 and React, optimizing it step by step with Lighthouse for UX and performance. - https://goo.gl/C2mtzg

#pwa

Recreating the Apple Watch Breathe App Animation

Geoff Graham shows how to recreate the Apple Watch breathe app animation using CSS. - https://goo.gl/tXYX6E

#css #animation

Animating Layouts with the FLIP Technique

Stands for First, Last, Invert, Play. It’s a technique for animating DOM elements smoothly. - https://goo.gl/wLy5qY

#css

React 16.2 Released with Improved 'Fragments' Support

Fragments are for grouping multiple children that are being returned from a component’s render method. This post thoroughly digs into why that might be useful - https://goo.gl/KmmVQQ

#react #release

Learn How to Write a Vue Wrapper Component

A Vue “wrapper” component is a technique used to integrate a 3rd party plugin with Vue by wrapping it in a custom Vue component. - https://goo.gl/nZATsU

#vue

Pzuraq - ES Classes in Ember.js

A guide to using ES classes in Ember.js in conjunction with Ember Decorators. - https://goo.gl/bdn8oZ

#ember

Common Responsive Layouts with CSS Grid (and some without!)

If you want to get started with CSS Grid then try and replicate some of these web layouts. Jo has already built them so there’s code for you to test out, but half the fun is working on your own solution. -
https://goo.gl/TzkiEy

#css #responsive

NPMGraph: See Module Dependency Trees in Your Browser

Enter an npm module name and this tool renders an interactive dependency tree in your browser. - https://goo.gl/Qr1r6M

#nodejs #tools

Clean Code vs. Dirty Code: React Best Practices - https://goo.gl/dzzHDZ

#react

Designing for a 'Browserless' Web

Mitch takes a close look at PWAs on Android devices and explains how we can pave the way for a new era of ‘browserless’ web browsing. - https://goo.gl/UnawjZ

#design #web

Marvel API + Vuepack (Vue + Vuex)

This tutorial by Phong Huynh shows how to use Vue and Vuex to build a simple application that displays Marvel characters. - https://goo.gl/ASMxvM

#vue

Should I use system fonts or web fonts?

Web fonts were an amazing step forward towards creating a more beautifully designed web. No longer were we restrained by the handful of choices that “Web Safe” fonts provided us, we now had the ability to bring just about any typeface to the web in the knowledge that everyone would see the same thing. - https://goo.gl/bYQzPH

#css #fonts

Monitoring App Performance with 2 New Node APIs

Building a tool to monitor Node app performance is easy with the Async Hooks and Performance Hooks APIs. Learn how in this tutorial. - https://goo.gl/6Xqh4n

#nodejs