Goodbye, useEffect? David Khourshid's Reactathon Talk

Here, Stately founder David Khourshid makes the case for using event handlers and state machines to simplify handling effects in React apps rather than using useEffect which many developers struggle with and isn’t always well suited for the task anyway. - https://www.youtube.com/watch?v=HPoC-k7Rxwo

#react

Scaling GraphQL with Redis Consumer Groups

A useful look at some of the architecture of how a SaaS product is horizontally scaling Node-based services on Redis, particularly using streams. - http://amp.gs/jn88v

#nodejs

Angular Roadmap: The Past, Present, & Future - http://amp.gs/jn8NR

#angular

How to Become a Hyper-Focused Developer and Achieve Your Goals Faster

Use these impressive tips revealed in this post to become a hyper-focused developer and achieve your goals faster. - http://amp.gs/jnTGZ

#dev

The Nuxt Big Thing in Web Development?

A brief and entertaining summary of the key feature of Nuxt 3. - https://www.youtube.com/watch?v=S2wj8VX9O0M

#vue

First Look At The CSS object-view-box Property

Ahmad Shadeed walks you through the new CSS property object-view-box, which allows you to crop or resize replaced HTML elements like an </img> or a <video>. - http://amp.gs/jnz7m

#css

Building Interoperable Web Components That Even Work with React

If you use different frameworks like React, Svelte, Vue, etc. it’s common to pick a component library that suits each one, but what if you could write such components once in a framework agnostic way and use them wherever you want? Web Components provides an approach. - http://amp.gs/jnzQf

#react

How to Combine Add and Edit Forms in Angular

Create/update form with smart/dumb components - http://amp.gs/jn1dt

#angular

Comparing Three Ways of Processing Arrays Non-Destructively

The good doctor of JavaScript puts for-of, .reduce(), and .flatMap() up against each other so you can pick which makes the most sense for your own array processing work. - http://amp.gs/jnYze

#javascript

How to Scrape eBay Organic Results with Node

eBay probably won’t like it, but it might be legal where you are, and this post mentions the fabulous Selector Gadget, perhaps my longest installed browser extension. - http://amp.gs/jnYuZ

#nodejs

Vue 3 Reactivity System is Brilliant! Here’s How it Works

This article shows you how to build basic blocks of a simple reactivity system that uses Vue 3 composition API techniques. - http://amp.gs/jntxZ

#vue

How To Create a 'Copy Code' Button Along with React-Markdown

A novel combination of the react-markdown and react-syntax-highlighter libraries to enable code to be quickly and easily copied with a single button click. - http://amp.gs/jntKK

#react

Building a Button Component

Adam Argyle gives a foundational overview of how to build color-adaptive, responsive, and accessible <button> components. - http://amp.gs/jnm77

#css

Why You Don't Need void 0

JavaScript’s void operator has been used in some interesting ways over the years versus undefined but Lars thinks undefined is now the better option. - http://amp.gs/jnmXG

#javascript

NestJS + Postgres Local Development with Docker Compose - http://amp.gs/jnZYs

#nodejs #docker

State of Frontend 2022

Based on surveys filled in by 3073 developers from 125 countries, the State of Frontend 2022 is supported by 19 expert commentaries about frontend trends and the future. - http://amp.gs/jnZgU

#frontend

Learn Pinia in 30 Mins

Get started with the Vue 3 state management library Pinia in 30 minutes. - https://www.youtube.com/watch?v=JGC7aAC-3y8

#vue

A Perfect Table of Contents With HTML + CSS

Nicholas C. Zakas shows an approach to creating a table of contents component in plain HTML and CSS. - http://amp.gs/jnpIk

#css

Stress Testing React 18’s Concurrent Features Using 3D Rendering

React 18 includes the highly anticipated concurrent features. This article describes how to incrementally optimize a sample 3D visualisation by employing this powerful new capability. - http://amp.gs/jnpP9

#react

Application Structure and Best Practices Of Angular — Part 2

This is part 2 of Angular best practices, in the first part we learn about Angular CLI, modular structure of… - http://amp.gs/jnpJ8

#angular