Chrome DevTools Offers AI for Understanding Errors and Warnings

Not everyone is going to like this, but it’s optional. Also: the first Chrome feature that requires you be over 18? - https://developer.chrome.com/docs/devtools/console/understand-messages

#devtools

CSS Custom Properties Beyond the :root

Matthias Ott examines the reasons why we’re usually defining global custom properties on :root element. - https://matthiasott.com/notes/custom-properties-beyond-the-root

#css

Building a Quiz App Powered by Nuxt Content

This is the second in a two-part series on building an interactive quiz application on top of Nuxt Content and will cover how to add complex interactivity to Nuxt Content. - https://masteringnuxt.com/blog/building-a-quiz-app-powered-by-nuxt-content-2

#vue

10 Modern Node.js Runtime Features to Start Using in 2024

If it ever feels like the new feature spotlight shines too much on Bun or Deno, never fear - Node has been taking huge strides forward too. Liran helps us catch up with a lot of the newest Node features. - https://snyk.io/blog/10-modern-node-js-runtime-features/

#nodejs

Top 10+ Angular Libraries for Your Next Web App

Choosing the right Angular libraries for your next web app can be an intimidating task. With so many options… - https://flatlogic-manager.medium.com/top-10-angular-libraries-for-your-next-web-app-edeb250a9ae3

#angular

10 Best Practices in Front-end Development

Certainly, we’ve all experienced this situation: you land a new job and are excited to start. The… - https://medium.com/@renanolovics/10-best-practices-in-front-end-development-react-5277a671e2df

#react

How 1Password Used esbuild to Cut Browser Extension Build Times

1Password is a popular password management tool that relies upon a browser extension to fill out passwords on the Web. At over a minute for a single build, things were starting to drag for the devs. Could esbuild help? A fun story with plenty of technical details. - https://blog.1password.com/new-extension-build-system/

#esbuild

Mastering Node.js Performance Hooks

Node’s performance measurement APIs provide a lot of power, but it can be tricky to get your head around the mental model of what they measure and where they make sense. Pavel tries to clear it all up for us. - https://pavel-romanov.com/nodejs-performance-hooks-mastering-the-mental-model

#nodejs

CSS Grid Gap Behavior with Hidden Elements

Ryan Mulligan shares some discoveries on how the CSS gap property operates when hiding items in grid-template & grid-auto layouts. - https://ryanmulligan.dev/blog/grid-gap

#css

Handling Environment Variables in Vue

This blogpost provides a guide to working with your env file in a Vue.js project. - https://fadamakis.com/handling-environment-variables-in-vue-da4d223aea71

#vue

ECMAScript 2023 Feature: Symbols as WeakMap keys

Dr. Axel continues his look at language features by explaining what WeakMaps are for and why using symbols for keys has added benefits. - https://2ality.com/2024/05/proposal-symbols-as-weakmap-keys.html

#javascript

Advanced Components in Angular

In this blog, I am going to explain several advanced components and mechanisms in Angular that enhance… - https://medium.com/startit-up/advanced-components-in-angular-41b43556178d

#angular

How To Share States Between React Micro-Frontends using Module-Federation?

Share states between React Micro-Frontends using Module-Federation and Bit! - https://blog.bitsrc.io/how-to-share-state-between-react-micro-frontends-using-module-federation-f3762996c208

#react

Scoped CSS is Back

Keith J. Grant gives a nice look at the current state of Scoped CSS, explaining that a working prototype is already in Chrome. - https://keithjgrant.com/posts/2023/04/scoped-css-is-back

#css

3 Kinds of Props in Vue

Vue's props streamline data flow between parent and child components. There are three main types: Template, Configuration, and State (Data) Props. This article explores each type, their differences, and best use cases. - https://michaelnthiessen.com/3-kinds-of-props

#vue

Node.js Test Runner: A Beginner's Guide

Modern versions of Node have their own test runner built in. - https://betterstack.com/community/guides/testing/nodejs-test-runner/

#nodejs

Technical Debts in Component Design using Angular

In one of my previous posts I have talked about code smells in Angular [1]. This time I would like to address… - https://blog.stackademic.com/technical-debts-in-component-design-using-angular-87af0bd4ede3

#angular

Data Fetching Patterns in Single-Page Applications

With a level of depth you’d expect on Martin Fowler’s blog, Atlassian’s Juntao Qiu walks through five different patterns to consider when fetching remote data, using a realistic React-based scenario to show them off. - https://martinfowler.com/articles/data-fetch-spa.html

#react

Stop using {} in Typescript

In the world of TypeScript, it’s pretty common to use ‘Object’ or ‘{}’ as a type when we’re expecting an… - https://medium.com/@sukheja.varun/stop-using-in-typescript-ed24d3532d9e

#typescript

A Conceptual Model of State in Vue 3.4

As web applications become more complex, managing state and componentization in the frontend is challenging. Vue 3.4's defineModel macro offers an efficient way to handle complex inter-component state management while maintaining strong data locality and compartmentalization. This blogpost provides all you need to know about this macro. - https://chrlschn.dev/blog/2024/01/a-conceptual-model-of-state-in-vue-34-using-definemodel/

#vue