The React + GraphQL 2020 Crash Course

Given the ever-increasing pervasiveness of the React/GraphQL combination, there can never be enough ways of learning the necessary skills for working with them. - http://amp.gs/XL5d

#react

How to Make a Beautiful Bar Chart With The Most Powerful Visualization…

Let’s make a visualization you won’t be ashamed to show. - http://amp.gs/XWvk

#d3js

An Open Letter to the Gatsby Open Source Community

One of the founders of GatsbyJS offers a suprisingly candid response to community concerns about how Gatsby contractors (and employees) have been treated in the past, as well as the natural friction between an open source project and its associated company. Kyle Matthews also offers some thoughts regarding the future of their open source efforts. - http://amp.gs/XWQE

#gatsby

How To Scrape a Website Using Node & Puppeteer

A through walkthrough of building a web scraping app using both Node and Puppeteer. As always, make sure you do this in an ethical and good-mannered way. -
http://amp.gs/Xa79

#nodejs

How to Simplify SVG Code Using Basic Shapes

Mariana Beldi goes through different examples that explore the code of commonly used icons and explains how we can redraw them using some of the simple SVG shapes. - http://amp.gs/XaHe

#css

React Native FAQ 2020

Answers to some of the most frequently asked questions about React Native in 2020. - http://amp.gs/XoEP

#reactnative

Metaprogramming with Proxies

Dr. Axel, the author of Deep JavaScript, keeps releasing extra chapters of his book for free online, and this one goes as deep into the topic of object proxies as you could ever hope. Do you need to know all of this? No. Am I glad the knowledge exists if I ever need to know? Yes! - http://amp.gs/XMnB

#javascript

Six Angular Security Best Practices - http://amp.gs/X5zK

#angular

Vue.js Functional Components

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/XQTk

#vue

Scaling Accessibility With a Design System

Geri Reid shares a case study about her experience of learning how to design accessible web components, then scale their impact through a design system. - http://amp.gs/XQQ1

#css

Animating List Reordering with React Hooks

There seems to be no end to the uses for React Hooks. Starting with an Instagram Story-inspired bubble component, this article describes how Hooks are used to smoothly swap the bubble elements in a visually pleasing way. It may inspire your own similar efforts. - http://amp.gs/XcWU

#react

Build a Confirmation Modal in React with State Machines

React confirmation modals can be tricky, with useEffect and keeping track of shown/hidden, loading/not, and errors. State machines make it somewhat easier. - http://amp.gs/X6oJ

#javascript

Docker Best Practices with Node.js

Patterns and practices with code examples on the ‘dockerizing’ of Node apps. It covers the basics but goes all the way to advanced decisions like how much and where to limit the container’s memory, using a process manager or having Node itself as the root process and more. - http://amp.gs/Xb0i

#nodejs

Lazy Load Images in Angular with Two Lines of Code

Image lazy loading defers the loading of an image that isn’t currently visible in the viewport. Such an image will be loaded only when the user scrolls and the image becomes visible. Using this technique, we can gain better performance and load time. - http://amp.gs/LIDA

#angular

11 Micro Frontends Frameworks You Should Know

Discover the best libraries and tools to build micro frontends. - http://amp.gs/LjJM

Records and Tuples for React

A look at a proposal currently progressing smoothly through TC39 and how records and tuples may eventually prove interesting for use with React. - http://amp.gs/L8Rn

#react

Context and Provider Pattern with the Vue 3 Composition API

Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/LTEJ

#vue

Creating a Discord Bot With Node.js

Using the Discord.js module. A thorough, easily followed screencast, but does run at over an hour. - https://www.youtube.com/watch?v=BmKXBVdEV0g

#nodejs #video

Modern Ways of End-to-End Testing with Cypress

v5.0 of the popular testing system has just come out but this post gently demonstrates what end-to-end testing is, how it relates to other forms of testing, and how to write your first Cypress powered tests for a web app. - http://amp.gs/L1lv

#cypress #e2e

CSS With Accessibility in Mind: Progressive Enhancement

Manuel Matuzovic outlines why we should build websites with a basic but resilient foundation that work in most browsers and then enhance them with design and visual improvements. - http://amp.gs/LYZV

#css