Building a Hexagonal Grid Using CSS Grid

Jesse Breneman demonstrates how to build a interconnected hexagonal grid, where each hexagon fits together seamlessly. - http://amp.gs/wzKT

#css

Two Ways of Rate Limiting an Express App

A comparison of a naive approach versus something more structured with RxJS. - http://amp.gs/w1KJ

#nodejs

How to test custom prop validators in Vue.js

In the article, Rolf Haug (co-founder of Vue School) will show you how you can test props and custom prop validators in a simple and performant way, without spying on the console error. - http://amp.gs/wYH3

#vue

Consuming REST APIs in React with Fetch and Axios

While there are a number of ways of going about it, this tutorial focuses on Axios and Fetch as the primary means of consuming REST APIs. It’s instructive but also may convince you that it’s a superior approach to the alternatives. - http://amp.gs/wtAB

#react

Track Your (Android) Smartphone in Physical Space with JavaScript

In this tutorial, we will be utilizing the Generic Sensor API to turn your smartphone into a pointer with real-time tracking. - http://amp.gs/wmqm

#mobile #javascript

An Old School Doom Clone (in 13KB of JavaScript)

I have no idea how we missed this last year, but wow, what a neat piece of work. You can even grab it and play with the code yourself. - http://amp.gs/wZAb

#javascript

Seven Ways to Improve Node Performance at Scale

A broad overview of general ideas. - http://amp.gs/wpz5

#nodejs

When Sass and New CSS Features Collide

Ana Tudor writes about the conflicts she encountered when using Sass with new CSS features. - http://amp.gs/wpN3

#css

React Error Handling and Reporting with Error Boundary and Sentry

The concept of an error boundary is colourfully described as putting “a fence around a component to keep any fire…from getting out”. When used in combination with Sentry can deliver a much improved end user experience through real-time error reporting. This shows you how. - http://amp.gs/wltx

#react

The process: Making Vue 3 – Increment: Frontend – Evan You

Would you like to learn more about the decision making and the development process of the upcoming Vue v3.0? Here are the lessons learned from rewriting the next major version of Vue.js, written by Evan You. - http://amp.gs/wldq

#vue

5 Lessons I’ve Learned on How to Structure Code

Here are 5 things you need to do in order to improve the structure of your code. - http://amp.gs/wBIB

#structure #patterns

Why We Switched From Yarn to pnpm

Yarn and pnpm are both popular alternatives to npm but why would you switch from one to the other? Improved performance in a monorepo situation. - http://amp.gs/wBiS

#nodejs

Using Custom Property “Stacks” to Tame the Cascade

Miriam Suzanne on how she used Custom Property “stacks” to solve some of the common issues people face in the cascade: from scoped component styles, to more explicit layering of intents. - http://amp.gs/wn4n

#css

Angular Directives Demystified

Directives are one of the least used features in Angular. They are often overlooked as devs typically tend to put all the logic into components. Lack of a clear understanding of how directives work also contributes to their underuse. In this article, we will learn all about directives, when and how to use them, and look at some useful real-world examples to cement this understanding. - http://amp.gs/wGvn

#angular

Understanding Reactivity in Vue 3.0 – Jinjiang

The Vue.js core team member Jinjiang has written an amazing, in-depth article about the reactivity system that can be found in Vue 3.0. It talks about how the reactivity API has evolved from what we had in Vue 2.x and it even shows how you can use the Vue’s new standalone reactivity with React. - http://amp.gs/wxg9

#vue

How to Create Editable DataGrids in a React Redux Application

The decades-old concept of the spreadsheet has created a pervasive notion that every grid of data should be editable. It looks like a spreadsheet, shouldn’t it work like one? Here's how to use Redux to help live up to that sometimes unrealistic expectation. - http://amp.gs/wfxv

#react

Tips for End to End Testing with Puppeteer

Some tips and tricks from someone who’s used Puppeteer a lot. - http://amp.gs/wCly

#javascript #puppeteer

Irregular-Shaped Links With Subgrid

Michelle Barker shows how to create irregular-shaped links with Subgrid. - http://amp.gs/wkGQ

#css