Integrating Slonik with Express.js

Slonik is a type-safe Node Postgres client that lets you build SQL queries in a composable way. - https://contra.com/p/bgA66gkW-integrating-slonik-with-expressjs

#nodejs

Component Testing in Storybook

Storybook’s lead manager says that “after seeing the same patterns again and again, we are betting on Component Testing as the future of UI testing” and sets out to show us why he thinks they’re the perfect complement to end-to-end and unit tests. - https://storybook.js.org/blog/component-testing/

#react

Seamless Fullstack Nuxt Apps with Nuxt Hub

NuxtHub is a deployment and admin platform making it possible to build and deploy fullstack Nuxt application with ease. In this article, explore this amazing new tool and what capabilities it offers to the ecosystem. - https://masteringnuxt.com/blog/seamless-fullstack-nuxt-apps-with-nuxt-hub

#vue

Angular: Integrating Micro-Frontends Using ModuleFederation-Part IV

In this story, we will deploy the shell application and the 2 micro-frontend applications to a Kubernetes… - https://javascript.plainenglish.io/angular-integrating-micro-frontends-using-modulefederation-part-iv-7218aabfd6d7

#angular

CSS Grid Generator

CSS grid generator is an online tool that will help you easily create custom CSS grid layouts. - https://cssgridgenerator.io/

#css

How to Create a Weekly Google Analytics Report That Posts to Slack - https://www.smashingmagazine.com/2024/09/how-create-weekly-google-analytics-report-posts-slack/

#nodejs

Framer Motion: Fluid Animations & Motion in React

A long-popular, open source motion library for React, made by Framer. As of this week’s v11.4 release, there’s support for React Server Components, including new entrypoints for motion and m components. - https://www.framer.com/motion/

#react

Nuxt Form Validation with Precognition and Zod

This article dives into Nuxt form validation with Precognition and Zod. It discusses the challenges of client-side and server-side validation and how Nuxt Precognition can help. Nuxt Precognition offers a way to perform both client-side and server-side validation. It provides tools to simplify the validation process. - https://gearboxgo.com/articles/web-application-development/nuxt-form-validation-with-precognition-and-zod

#vue

Clean Frontend Architecture: Tips to Success

In one of my previous blog posts I have talked about the importance of Frontend Architecture, some principles… - https://blog.stackademic.com/clean-frontend-architecture-tips-to-success-db0b159b7b38

#architecture

What’s New in React 19

A thorough roundup of what’s coming in React 19, which has been in release candidate status for several months now, covering both headline features like Server Components and Actions, as well as many smaller enhancements like easier preloading of resources and control over stylesheet loading precedence. - https://vercel.com/blog/whats-new-in-react-19

#react

Securing Node Apps from Supply Chain Attacks  - https://auth0.com/blog/secure-nodejs-applications-from-supply-chain-attacks/

#nodejs

Easy Fix for a Very Annoying z-index Issue

Kevin Powell gives an excellent tip to help you deal with weird z-index glitches when working with CSS Transitions. - https://www.youtube.com/watch?v=ocl4eN9IrD0

#css

TC39 Meets Again and Advances Key Proposals

The Ecma TC39 group that pushes forward the development of ECMA/JavaScript met again this week and moved several key proposals forward, including Deferred Import Evaluation, Error.isError(), RegExp escaping, and Promise.try. - https://socket.dev/blog/tc39-advances-key-proposals

#javascript

React and FormData

FormData is ironically both the ‘newest and yet oldest’ standard for accessing form data. Here are some practical ways for using it with TypeScript. - https://reacttraining.com/blog/react-and-form-data

#react

Real-World Nuxt — Dynamic Layout with Teleport

This article explores creating a dynamic layout in Nuxt. It discusses using Teleport to achieve this. The article breaks down the steps into creating changeable navigation items, rendering content by Teleport, and adding dynamic content on clicking a navigation item. - https://muozalp.com/real-world-nuxt-dynamic-layout-with-teleport-part-2-30d88f151a08

#vue

Angular Signal Queries: simplifying DOM querying - https://www.codemotion.com/magazine/frontend/angular-signal-queries-simplifying-dom-querying/

#angular

Backgrounds for the Box Model

Chris Coyier explains that you can limit how far the background-image of an element applies by using background-clip. - https://frontendmasters.com/blog/backgrounds-for-the-box-model-and-why-it-can-be-useful/

#css

Implementing Filtered Semantic Search Using pgvector and JavaScript - https://www.timescale.com/blog/implementing-filtered-semantic-search-using-pgvector-and-javascript/

#nodejs

Using the Page Visibility API

Set up event listeners to do things when page visiblity changes. - https://developer.mozilla.org/en-US/blog/using-the-page-visibility-api/

#javascript

Nuxt 2 End-of-Life (EOL)

Nuxt 2 will reach End of Life (EOL) on June 30th, 2024. This article from the Nuxt team discusses what we should expect after this development. - https://nuxt.com/blog/nuxt2-eol

#vue #eol