A Guide to Visual Regression Testing with Playwright

The Playwright browser control library can form the basis of an end-to-end testing mechanism all written in JavaScript, and comparing the visual output of tests can help show where things are going wrong. - https://lost-pixel.com/blog/post/playwright-visual-regression-testing

#test #playwright

Improving CSS Shapes with Trigonometric Functions

Daniel C. Wilson explores how to apply CSS trigonometric functions to the clip-path property. - https://danielcwilson.com/posts/css-shapes-with-trig-functions

#css

How to Use v-model with Form Inputs in Vue

Dmitri explains use v-model to bind form inputs in Vue 3. - https://dmitripavlutin.com/vue-v-model-form-inputs

#vue

Difference between Middleware, Interceptor, and Filter in the NestJS ecosystem?

If you are new to NestJS and Express, you might be not familiar with the concepts of Middlewares, Inceptors… - https://blog.bitsrc.io/difference-between-middleware-interceptor-and-filter-in-the-nest-js-ecosystem-c71fb3ba32f6

#nodejs

Scaling Frontend Applications in 2023

10 Essential Areas to Consider When Building a Scalable Frontend Application - https://blog.bitsrc.io/scaling-frontend-applications-in-2023-e455aceff931

#frontend

Angular — improved required roles directive

Fine-grained role-based access control (RBAC) through a directive - https://levelup.gitconnected.com/angular-improved-required-roles-directive-e2e90ed32b67

#angular

How to Avoid Mocking in React Router v6 Tests - https://webup.org/blog/how-to-avoid-mocking-in-react-router-v6-tests/

#react

Landingpages Created by ChatGPT

I have asked ChatGPT to create landing pages, and here is what it came up with. - https://javascript.plainenglish.io/landingpages-created-by-chatgpt-eea9c7016279

#chatgpt #landing

6 CSS Snippets Every Front-End Developer Should Know in 2023

Adam Argyle shares a number of handy CSS tips. - https://web.dev/6-css-snippets-every-front-end-developer-should-know-in-2023

#css

Packaging and Selling a Node.js App

The author sells an email automation tool built in Node using numerous libraries under the hood include Hapi, BullMQ and Nodemailer. There’s not a lot of depth here, but it’s interesting to see how someone brings together all the parts needed to sell such an app commercially. - https://docs.emailengine.app/packaging-and-selling-a-node-js-app/

#nodejs

How to Get Full Type Support with Plain JavaScript

It’s possible to reap the benefits of TypeScript, yet still write plain JavaScript, as TypeScript’s analyzer understands types written in the JSDoc format. - https://www.pausly.app/blog/full-type-support-with-plain-javascript

#javascript

React Server Components, Next.js App Router and Examples

Addy Osmani’s overview of of the state of React Server Components, the Next.js App Router implementation, other implementations, the move towards hybrid rendering, plus related links. - https://addyosmani.com/blog/react-server-components-app-router/

#react

Better Navigation with NuxtLink

The NuxtLink component in Nuxt 3 offers a way for us navigate through our routes. It may seem simple at first glance, but there’s a lot going on beneath the surface. In this article find out how it works and how to use it. - https://masteringnuxt.com/blog/better-navigation-with-nuxtlink

#vue

10 CSS Animation Tips and Tricks

Kevin Powell shows some neat CSS transition and animation tips. - https://www.youtube.com/watch?v=y8-F5-2EIcg

#css

A Visual Guide to Understanding Node's Event Loop - https://www.builder.io/blog/visual-guide-to-nodejs-event-loop

#nodejs

Angular Dependency Injection — Using “Injector” Service instead of long list of…

The Angular framework provides Dependency Injection (DI) out of the box. The easiest way to understand DI is… - https://balramchavan.medium.com/angular-dependency-injection-using-injector-service-instead-of-long-list-of-services-in-3d9cb32b39ae

#angular

Dan Abramov's Deep Dive into React Server Components

Having faced a raft of questions about Server Components, Dan has sat down to write a series covering everything from the ground up by reimplementing a basic form of RSC from scratch. It’s not aimed at day-to-day React developers, but those who want to grok the ideas behind RSCs. - https://github.com/reactwg/server-components/discussions/5

#react

Build Better Forms with Vue.js 3 Composition API: A Practical Guide

Managing large and complex forms can be a challenge for any web developer. Fortunately, Vue.js 3 provides a powerful solution in the form of the Composition API. In this bog post, Learn how to create custom form components with Vue.js 3 Composition API, including validation, submission handling and more. - https://digitalpatio.hashnode.dev/build-better-forms-with-vuejs-3-composition-api-a-practical-guide

#vue

Last Baseline Alignment

Rachel Andrew shares fantastic news that all major browser engines now support last baseline alignment in CSS Grid and Flexbox. - https://web.dev/last-baseline

#css

Image upload system in Laravel and Vue.js

In this tutorial use Laravel 9 and Vue.js 3 to build an image uploading system with a display and delete feature from scratch. - https://abdallahbari.hashnode.dev/image-upload-system-in-laravel-and-vuejs

#vue

A Better Way to Pass Data to Your Angular Components

Interactive examples of the component that powers our company’s web applications - https://medium.com/swlh/a-better-way-to-pass-data-to-your-angular-components-e8b5ef6a642a

#angular