How to Build a Podcast Player with Transcriptions using Vue and Supabase

This post walks through setting up a podcast player app using Supabase and Vue 3, including getting transcriptions for the podcasts. - http://amp.gs/jBin6

#vue

Storybook Performance: Vite vs Webpack - http://amp.gs/jBiuI

#storybook

State of CSS 2022

Adam Argyle gives an introduction, and brief overview of styling features coming to CSS in 2022 and beyond. - http://amp.gs/jBDZ5

#css

npm Security Update: What GitHub Learnt About April's Attack

Back in April, GitHub reported that stolen OAuth user tokens were used to access some private repositories, private package manifests and metadata, as well as npm user account data, and they've shared the full story here. - http://amp.gs/jBDHx

#nodejs

GradeJS (gradejs.com) analyzes webpack production bundles. It detects a list of bundled NPM libraries and works even for minified or tree-shaken bundles without access to the source code or webpack stats files.

Source code: https://github.com/gradejs/gradejs

Powerful Vue.js form Development with FormKit

The FormKit library for Vue.js is a powerhouse for developing forms easily, quickly, and without the usual headache. - http://amp.gs/jBuEl

#vue

The key Attribute and Best Practices for Performant Lists

Is the only reason you’re using the key attribute to satisfy an obscure ESlint rule? If so, the author asserts there are better reasons than that to make it part of your routine. - http://amp.gs/jBuMF

#react

Angular Authentication: Best Practices

An Angular application that demonstrates best practices for user authentication flow. - http://amp.gs/jBJrr

#angular

The Micro-Frontend Chaos

Mastering the chaos of Micro-Frontend for the sake of stability - http://amp.gs/jB0l5

#microfrontends

How We Converted Our Node.js Library to Deno

“We landed on a “runtime adapter” pattern that we think represents a general-purpose approach that may be useful to other library authors looking to support Deno.” - http://amp.gs/jB00y

#nodejs

Learn CSS Subgrid

Ahmad Shadeed shares a deep dive into the new CSS subgrid feature with real-life examples and use-cases. - http://amp.gs/jBKhd

#css

Angular Form Typings Support that Every Dev Needs - http://amp.gs/jB3IX

#angular

Vite Hot Module Replacement - A Complete Example

This article explains how to set up hot module replacement (HMR) with Vite for a vanilla JS project. - http://amp.gs/jB3Oz

#vue

The as Prop

A succinct description on its use to combine semantics with aesthetics in a flexible way. - http://amp.gs/jBHlx

#react

How to Build a Group Chat App with Vanilla JS, Twilio and Node

Chat apps have long been a popular bucket list project for Node developers. I did a webinar (or livestream to the young'uns) 10 years ago(!) on building a chat app in Node myself but times have moved on and it’s possible to outsource much of the infrastructure now, as seen here. - http://amp.gs/jBHHE

#nodejs

COLRv1 and CSS font-palette: Web Typography Gets Colorful

Ollie Williams explains how to use font-palette property and @font-palette-values to control the color palette of color fonts. - http://amp.gs/jB2x5

#css

What You Need to Know About the New Era of Internet Web 3.0 As a Frontend Developer - http://amp.gs/jB2oG

#web3

How To Build a Modal Dialog as a Web Component

“Write once and run everywhere, so to speak, or at least that was my lofty aspiration. Good news. It is indeed possible to build a modal with rich interaction that only requires authoring HTML to use.” - http://amp.gs/jBw44

#javascript

Improve Your React App Performance Using React Profiler

A quick peek at the profiler API which can provide hard data to be used in diagnosing performance bottlenecks. - http://amp.gs/jBwHN

#react

Component-First State Management for Angular Standalone Components - http://amp.gs/jBFtT

#angular