Level Up Your CSS Animation Skills

Donovan Hutchinson created a CSS animation course with almost 4 hours of lessons that explain how to build practical animations. - https://www.youtube.com/playlist?list=PLHKH6Uj0SeeY6xlZ7nIwtjjgZIOD1WHGL

#css

Migrating from Hugo to Gatsby and React Land

Cloudflare recently moved one of its documentation sites from Hugo (a fast Go-powered static site generator) to Gatsby.js and React. A curious move but ‘well worth the effort’ and well explained in this why-and-how article. - http://amp.gs/KsAn

#react

Prettier 2.0 “2020” Released

The popular code formatter now adds better defaults, a better CLI, TypeScript 3.8 feature support (e.g. export * as ns), and lots more. - http://amp.gs/Kiee

#prettier

Vue.js Headless Component - Frederik Dietz

A renderless component (or like in this case called “headless components”) is a powerful pattern that utilizes scoped slots to encapsulate functionality while not pushing for any specific UI solutions. Definitely something to be picked up by every Vue developer. At least until composition-api becomes widely available. - http://amp.gs/KiK0

#vue

How to Effectively use GRPC Streams in Node - http://amp.gs/KDeL

#nodejs

4 CSS Grid Properties (and One Value) for Most of Your Layout Needs

Anna Prenzel shows the smallest possible set of grid properties you need to know to meet most of your layout needs. - http://amp.gs/Ku1B

#css

Building a Real-Time Chat App with React and Firebase -
http://amp.gs/Ku60

#react

Jam on your MIDI keyboard in Angular

Web MIDI API is an interesting tool. Even though it has been around for a while now, it is still only supported by Chrome. In this article we create a playable synthesizer in Angular. It is time we bring Web Audio API to the next level! - http://amp.gs/K0Tk

#angular

Vue.js Functional Components - Frederik Dietz

Another article by Frederik Dietz, this time about functional components. A great technique to know, though keep in mind that the template-first approach to functional components will be obsolete in Vue 3.0. You might want to focus on learning how to use functional components with JSX though! - http://amp.gs/KKB3

#vue

Working With PDFs in Node Using pdf-lib

The pdf-lib npm module is a great tool for creating/editing PDFs with Node. Here’s how to put it to work. - http://amp.gs/K3mL

#nodejs

Getting JavaScript to Talk to CSS and Sass

Despite being bedfellows for years, sharing data between JavaScript and CSS has not always been the simplest task. - http://amp.gs/KHf7

#javascript

Make your Angular Application Accessible for Everybody

Accessibility is an essential topic for every modern web application. Accessibility means that everyone can use your web application. As devs, it’s easy to assume that all users can see or interact with a page as we do. But there is a range of people that do not belong to the “typical” user. People may have visual, physical, auditory, or cognitive problems. - http://amp.gs/K29V

#angular

element.focus vs aria-activedescendant

Zell Liew did in-depth research on element.focus and aria-activedescendant methods to manage focus for both keyboard users and screen readers. - http://amp.gs/KwvI

#css

11 Useful Custom React Hooks for Your Next App

A listicle, sure, but there are some useful recommendations here if you fancy the browse. - http://amp.gs/KFdN

#react

Is Apple Trying to Kill PWAs?

Any time Apple releases something there is always some noise about it. As mentioned in last week’s issue, this time it’s in regards to browser storage and data deletion after seven days. Here’s a break down of this and what it really means for developers.- http://amp.gs/KXJp

#mobile #pwa

Cut Your Nuxt.js generate Build Time in Half with context.payload - Markus Oberlehner

Markus Oberlehner is back with another great article on using the context.payload param in your asyncData. This especially important if you are using the “static generator” functionality of Nuxt along with dynamic routes. Combining those functions allows you to preload the data that would normally be loaded inside asyncData during build step. - http://amp.gs/KLDM

#vue

JavaScript Logical Operators

Covers ||, &&, and !. Part of Preston’s series on JavaScript fundamentals, so probably not a lot here for advanced devs, but there might be a few tidbits in here for everyone. - http://amp.gs/KWF7

#javascript

Converting CSS In React to Styled Components

James Quick shows how to convert a React site using regular CSS to one that uses Styled Components. - http://amp.gs/KaQR

#react

Building a Simple CRUD App with Node, Express, and MongoDB

A mega walkthrough on what CRUD, Express, MongoDB are and how to use them to build a simple web application. - http://amp.gs/KaQd

#nodejs

Getting Started with Angular CLI

In this article, we will explore the different commands and features of the Angular CLI. - http://amp.gs/KoWB

#angular