Storybook 5.0: The UI Component Workshop

Storybook is a popular tool for building UI components for React, Angular, and Vue.js apps, now with an all-new interface. Wondering why you should use Storybook? - http://amp.gs/4i5L

#storybook

A TSLint Rule for Detecting Invalid Uses of React Hooks

One for the TypeScript users. Enforces the rules of hooks. - http://amp.gs/4DZ2

#react #tslint #hooks

JavaScript Performance Pitfalls in V8

A very detailed article where Benedikt Meurer of the core V8 team shows how V8 compiles your code and shares some tricks you can use to avoid performance problems. - http://amp.gs/4D0l

#nodejs

Reactive Scroll Position Restoration with RxJS

This is a reactive Angular solution via RxJS for simple applications that suffer from a common navigation issue. Similar implementations could be done in other frameworks too. - http://amp.gs/4uqF

#angular

Look Ma, No Media Queries! Responsive Layouts Using CSS Grid

Juan Martín García demonstrates the power of CSS Grid by building a couple of common responsive navigation layouts. - http://amp.gs/4JSU

#css #grid

Building an Instagram 'Like' Bot with Node and Puppeteer

A good, practical walkthrough, though we should note that if you break your Instagram account doing this, you’re on your own. - https://www.youtube.com/watch?v=jw4exv4qv2E

#video #nodejs #puppeteer #like #instagram

Handtrack.js: Realtime Hand Detection, Directly in the Browser

A neat way to prototype hand-related gestures or interactions in the browser in very few lines of code. - http://amp.gs/40Ce

#javascript

My Intuition on When to Use Custom React Hooks

Learn how custom hooks are like mixins: a great way to share small bits of functionality between components. - http://amp.gs/4Kl3

#react #hooks

Integrating Google Analytics With Angular 2+

Google Analytics is at the forefront when it comes to offering effective ways to track the pages a user visits, the time they spend there and what they are doing. This makes it a necessity for the majority of companies around the world in providing valuable data for creating effective marketing campaigns, improving their user experience and so forth. - http://amp.gs/43zd

#angular

Serverless Functions in Depth with AWS Amplify

A deep-dive on how to build, test, deploy, update, and delete serverless JS functions with AWS Amplify. - http://amp.gs/43Nb

#nodejs #aws

Semantics to Screen Readers

Melanie Richards breaks down how screen readers access our content step-by-step. - http://amp.gs/4HlO

#css

JavaScript Symbols: But Why?

Not played with symbols (a new data type introduced with ES6) yet? This is a gentle way to get up to speed with not only what they are but why you might use them. - http://amp.gs/4HMM

#es6 #symbol

A Storybook with Angular

Bridging the gap between design and development is always a constant struggle when we are talking about creating web or mobile applications. - http://amp.gs/4271

#angular #storybook

Building a Static Blog using Gatsby and Strapi

A very thorough guide complete with several screencasts to help guide you through the process. If you’re not familiar with Strapi, it’s an open-source headless CMS. - http://amp.gs/42wS

#nodejs #gatsby #strapi

What the Functor? Functional Terminology Explained with JS

We recently linked to a neat jargon-free intro to functional programming concepts and the author is now back with… an introduction to some of the jargon! Functors, categories, endofunctors, monoids, and monads are deftly explained here. - http://amp.gs/4wrk

#javascript

Fully functional WhatsApp Clone using Angular, GraphQL, Apollo, TypeScript and PostgreSQL

An open-source full-stack example app made with Angular 7.2, TypeScript, GraphQL Subscriptions, GraphQL Code Generator, GraphQL Modules, PostgreSQL and TypeORM. - http://amp.gs/4FCZ

#angular #graphql #typeorm #apollo

Designing An Aspect Ratio Unit For CSS

Rachel Andrew looks at the process of designing an aspect ratio unit for CSS and explains how it will work. - http://amp.gs/4Xna

#css

Vue + TypeScript Cookbook

The author ran into many roadblocks when adding TypeScript to a Vue project. He created this cookbook to help others who might have similar questions about how to hit the ground running with Vue + TS. - http://amp.gs/4LGb

#vue #typescript

Use Docker to Create a Node Development Environment

Leverage Docker images and containers to create an isolated Node development environment. - http://amp.gs/4WIs

#nodejs #docker

7 Tricks with Resting and Spreading JavaScript Objects

Using modern JS features to merge objects, organize properties, and more. +1 for all the Mighty Boosh references too. - http://amp.gs/4WQJ

#javascript