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

Create Nuxt.js Universal Apps using GraphQL on Postgres

Server-side render (SSR) websites using Nuxt.js and GraphQL APIs over PostgreSQL using Hasura GraphQL Engine. Instant setup with tutorial/boilerplate. - http://amp.gs/jnkYW

#nuxt

How We Reduced Bugs in Our React Codebase

A thorough examination of three unexpected code behaviours in React which are then addressed by identifying and understanding their underlying patterns and anti-patterns. - http://amp.gs/jnkva

#react

Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D

Temani Afif explores advanced CSS techniques for creating hover effects. - http://amp.gs/jnkHk

#css

13 tools and techniques to accelerate frontend development

Learn how to deliver your software faster and more efficient - http://amp.gs/jnetW

#tools