How to Get Started with Animations in React

An introductory post focused on Framer Motion, a powerful React library for creating animations - http://amp.gs/ivYb

#react

A domain-driven Vue.js Architecture – Thomas Holland

A very interesting article on a topic that is rarely touched – application architecture. More specifically the DDD (Domain Driven Development) approach. The author starts with folder structure and then going through how different layers of abstractions are combined to form features. - http://amp.gs/igjY

#vue

It is a tech blog on JavaScript and ECMAScript. This blog speaks to the differences between JavaScript and ECMAScript. - http://amp.gs/iEmA.

#javascript

How I Created 488 “Live Images”

Ire Aderinokun shares how she created an interactive caniuse embed and progressively enhanced it by adding a fallback screenshot captured with puppeteer. - http://amp.gs/iVxd

#css

Cockatiel: A Resilience and Transient-Fault-Handling Library

This is for defining common resilience or fault handling techniques like ‘backoff’, retries, circuit breakers, timeouts, etc. and is inspired by .NET’s Polly fault handling library. - http://amp.gs/i9te

#javascript

How to Create a Toggle Switch in React as a Reusable Component

Shows how to create an iOS-inspired toggle switch using React components and then put it into use in a demo app. - http://amp.gs/i4ZV

#react

Building animated draggable interfaces with Vue.js and Tailwind – Cristi Jora

Here’s a nice tutorial on building a drag-n-drop list with some pretty neat animations. To build that, Cristi uses Vue-Draggable and TailwindCSS. - http://amp.gs/iRYG

#vue

Having a Little Fun With Custom Focus Styles

Lari Maza explores different ways to create focus styles. - http://amp.gs/iRS3

#css

A Story of a React Re-Rendering Bug

How an Eventbrite developer fixed a “particularly annoying” button focus issue. - http://amp.gs/iUHv

#react

An Official Style Guide for Writing Redux Code

Recommended patterns, best practices, and suggested approaches for writing Redux-based apps. - http://amp.gs/idB7

#redux

How to Overlap Images in CSS

Bri Camp Gomez shows how to overlap images with CSS Grid and provide a fallback for browsers that don’t support CSS Grid. - http://amp.gs/idun

#css

20 Nuxt Modules (with Tips) to Increase Your Productivity and Build Web Apps Faster – Nada Rifki

Nada Rifki has written down a list of her 20 favourite Nuxt.js modules that she recommends for most Nuxt users. Along with the list, there is a short description of what it does and a few tips along the way. - http://amp.gs/iOUP

#vue #nuxt

Interactivity and Animation with Variable Fonts

Mandy Michael dives into using variable fonts for interactivity and animations. - http://amp.gs/irPZ

#css

How to Manage Global State with Context API and Hooks

“Redux absolutely has its use cases and advantages. This is merely an alternate way to manage global state in a simpler way without the need of external libraries.” - http://amp.gs/iSet

#react

JavaScript: Use Destructuring Assignment over Function Parameters

Some practical benefits on destructuring assignment in JavaScript. - http://amp.gs/iNPx

#javascript

My Top Favorite Tools for Angular Developers

Angular has evolved over the years, claiming its spot at the second world’s most used JS framework. Having a strong team and vibrant dev ecosystem, it had spurred and sprouted many tools and libraries. - http://amp.gs/iA1q

#angular

Accessibility Tips for Web Developers

Addy Osmani outlines six key areas of disability to consider when designing for accessibility: visual, hearing, mobility, cognition, speech and neural. - http://amp.gs/iAbX

#css #accessibility

What's New for Node.js in 2020

Node might be ten years old, but like a real ten year old it’s only continuing to grow at a rapid pace. David dusts off his crystal ball and looks at some of what’s coming around the corner. - http://amp.gs/isTu

#nodejs

How to Load Third-Party Scripts in Nuxt.js - Alexander Lichter

If you use Nuxt.js you might have stumbled upon this problem – how to add links to third-party scripts that you can’t install with NPM. For example some analytics solutions. Or what if you need to add those to certain routes only? Alex provides all the answers in this article. - http://amp.gs/isWz

#vue #nuxt