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

How Airbnb Gets Faster JavaScript Builds with Metro

The story of Airbnb’s migration from Webpack to Metro (a JavaScript bundler aimed at React Native – but Airbnb uses it for Web projects) and how it made their development feedback loop ‘nearly instantaneous’. - http://amp.gs/jnlpV

#javascript

Using Web Streams in Node.js

Streams provide a handy abstraction for cleanly working with streaming data but Web Streams (a.k.a. WHATWG Streams) are a different, more broadly supported beast to classic Node.js streams. Dr. Axel starts from the basics but goes into a lot of depth here - a handy resource. - http://amp.gs/jnlHO

#nodejs

Manage Accessible Design System Themes With CSS Color-Contrast()

Daniel Yuschick outlines how the CSS color-contrast() function can become a cornerstone for developers in enforcing sufficiently contrasting and accessible UIs. - http://amp.gs/jnBy0

#css

How I Created a Desktop Productivity App with React and Rust

This is a neat idea. Amine wanted to have an extremely light weight way to take quick notes while in the middle of other tasks and brought together React with the Rust-based Tauri to make it happen. - http://amp.gs/jnBo8

#react

Generically Typed Vue Components with Composition API

An interesting take on generic type Vue.js components. - http://amp.gs/jnnR0

#vue

Working with the File System from Node.js

Dr. Axel seems to be on a bit of a Node kick lately and comes back this week with a particularly deep dive on all things related to working with text files from Node, from simple reading and writing operations to streams, buffers, and directory manipulation. - https://2ality.com/2022/06/nodejs-file-system.html

#nodejs

Angular Quick Answer: Difference between constructor and ngOnInit

And how to spew coffee galore… - http://amp.gs/jnGpx

#angular

Element vs Component vs Instance

Code heavy demonstrations of the distinction between the meaning of an element, component or instance in React, before looking at how they tie together. - http://amp.gs/jnG3z

#react

Dark Mode Toggles Should be a Browser Feature

Bramus Van Damme explores the idea that dark mode toggle becomes a browser feature. - http://amp.gs/jnxxZ

#css

Build a Location-Aware Application with Vue and Typesense

Implement geolocation using Typesense, a third-party search tool, to build a location-aware application like Uber or Airbnb. - http://amp.gs/jnxLA

#vue

Component Encyclopedia: A Catalog of 5000+ UI Components

Storybook, a popular UI component devtool, has unveiled a visual catalog of over 5,000 components (not all React, but largely) from all corners of the Web – you don’t need to be a Storybook user to take advantage of this as links to repos and demos are provided in each case. - http://amp.gs/jnfEn

#storybook #showcase

Angular Error Interceptor

When applications make HTTP requests and fail, we need to handle them. In this article, we learn how to do… - http://amp.gs/jnfQN

#angular

Clean Node.js Architecture —With NestJS and TypeScript

Your architectures should tell readers about the system, not about the frameworks you used in your system - http://amp.gs/jnCS2

#nodejs