Vue Query vs. Pinia: A Clarity Comparison

This article will delve into the comparison between Vue Query and Pinia in Vue.js, focusing on clarity and why Vue Query might be a better choice for managing server state. - https://medium.com/@yah.emam/vue-query-vs-pinia-a-clarity-comparison-1002c8a5e7f5

#vue

Building a Micro HTMX SSR Framework

Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework

#nodejs

Create configurable Angular Guards

When building web application, from time to time we have to protect routes from unauthorized access. In… - https://itnext.io/create-configurable-angular-guards-11800f84d90a

#angular

Introducing Waku's “Pages Router”

Waku is an interesting minimal server-side React framework and it’s now also bringing a minimal API to the modern React server components era: “Making a Waku site is now as simple as making a few files and folders in the ./src/pages directory”.. - https://waku.gg/blog/introducing-pages-router

#react

Testing HTML With Modern CSS

Heydon Pickering shows how to use modern CSS selectors to find and expose bad markup. - https://heydonworks.com/article/testing-html-with-modern-css

#css

Guide — Face Detection Using TensorFlow.js on Vue.js

In this concise guide, you'll delve into the practical implementation of face detection using TensorFlow.js in a Vue.js application. - https://blog.stackademic.com/guide-face-recognition-using-tensorflow-js-on-vue-js-706fd6b21657

#vue

The Front End Developer/Engineer Handbook 2024 - https://frontendmasters.com/guides/front-end-handbook/2024/

#handbook

Node.js Debugging in Chrome DevTools

If Chris didn’t know how to do it, I’m going to predict many readers don’t either, so his simple example of setting it up might be helpful - https://frontendmasters.com/blog/node-js-debugging-in-chrome-devtools/

#nodejs

Setting Up Storybook for React Components

How Dolt (love that name!) set up Storybook for their React component library including the use of Chromatic to test and review components. - https://www.dolthub.com/blog/2024-04-08-storybook-react-components/

#react

Feature Flags in Angular 16

Manifests, APP_INITIALIZER, Structural Directives, Functional Guards and Standalone APIs - https://levelup.gitconnected.com/feature-flags-in-angular-16-472254256b0c

#angular

Creating an E-commerce website with Nuxt 3 and Sanity CMS

In this article, the author discuses how you can set up an e-commerce website using Sanity CMS for content and Nuxt.js for the frontend of the website. - https://javascript.plainenglish.io/creating-an-e-commerce-website-with-nuxt-3-and-sanity-cms-33d8b120dd06

#vue

The box model and box sizing

Andy Bell gives a quick run-through of the box model and box sizing. - https://piccalil.li/blog/the-box-model-and-box-sizing

#css

Plugin Architecture

In one of my previous blog posts I have talked about Clean Frontend Architecture and have given an example on… - https://blog.stackademic.com/plugin-architecture-736e5ca81a1a

#microfrontend

CSS in React Server Components

An exploration of compatibility issues between React Server Components and CSS-in-JS libraries like styled-components, including what some of your options are and what’s coming in future. - https://www.joshwcomeau.com/react/css-in-rsc/

#react

Migrating 500+ Tests from Mocha to Node.js

A quick retrospective of how the Astro team migrated more than 500 test suites from Mocha to the Node.js test runner. - https://astro.build/blog/node-test-migration/

#nodejs

Advanced Enum Techniques in Angular TypeScript Projects: Elevating Code Clarity

Welcome to the second blog on ENUMS. In the first part, we explored the basics of enums in TypeScript and how… - https://medium.com/@ayushgrwl365/advanced-enum-techniques-in-angular-typescript-projects-elevating-code-clarity-6b0a654fa29d

#angular

6 advanced techniques of TypeScript

TypeScript dry goods: 6 advanced techniques to improve code quality - https://medium.com/@Choco23/6-advanced-techniques-of-typescript-e904fed992dc

#typescript

Vue Templates: Should They Start from the Top or the Bottom?

A question arises: "Some people and projects write SFCs differently, especially the order of template, script and style tags.”. This blog post shares an opinionated view on the best way to structure your Single File Components. - https://dev.to/mikinovation/vue-templates-should-they-start-from-the-top-or-the-bottom-30lc

#vue

Things That Can Break aspect-ratio in CSS

Chris Coyier outlines some cases where aspect-ratio property might give unexpected results. - https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css

#css

From 0 to Production - A Modern React Tutorial

I’d be surprised if you’re not familiar with Theo, but if not, let’s just say he’s a popular developer YouTuber 😉 He may become even more popular thank to this video which, over three hours, covers modern React app development, complete with server components, Next.js, TypeScript, the Drizzle ORM, pnpm, and shadcn/ui. - https://www.youtube.com/watch?v=d5x0JCZbAJs

#react