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

A New Beginning for React Native at Walmart

Nearly all of Walmart’s grocery app is now powered by React Native. This is the story of their journey and some of the technical challenges they faced. - http://amp.gs/iion

#reactnative

Beautiful Scrolling Experiences – Without Libraries

Michelle Barker shows how to control the scrolling behavior (to a degree) without resorting to heavy libraries. - http://amp.gs/iuIz

#css

Don't Call A React Function Component

A demonstration of the difference between React.createElement and calling a function component directly and why you should render function components instead of calling them. - http://amp.gs/iuFZ

#react

Angular Environment Setup - Safe & Testable

Most real-world Angular applications live in different environments throughout their development cycle. While differences generally should be kept to a minimum, your webapp is probably supposed to behave a little bit different on a developer's machine compared to when it's deployed to production. - http://amp.gs/iJoH

#angular

How To Create a Node Module

It’s an elementary thing to do, but this is a thorough tutorial nonetheless. - http://amp.gs/iK84

#nodej

JavaScript, ES6, ES7, ES10.. Where Are We?

A look at the current features within JavaScript, what got rejected, and what native support for ‘modern’ JavaScript features is like. It’s a bit of a mish-mash, but covers a lot of proposals. - http://amp.gs/iKMI

#javascript