Protecting Routes in Nuxt 3

Michael shows how to use Supabase in a Nuxt 3 middleware to block users who aren’t logged in. - https://masteringnuxt.com/blog/protecting-routes-in-nuxt-3

#vue

The right way to create Angular components - https://javascript.plainenglish.io/the-right-way-to-create-angular-components-69228c5cc0fd

#angular

ES2023's New Array Copying Methods

The newest ECMAScript spec introduces some new methods on Array that you’ll eventually find useful in your own programs. Phil gives us the tour. - https://www.sonarsource.com/blog/es2023-new-array-copying-methods-javascript/

#javascript

The gotchas of CSS Nesting
Kilian Valkhof outlines a few gotchas with CSS nesting. - https://kilianvalkhof.com/2023/css-html/the-gotchas-of-css-nesting

#css

The State of State Management in React Apps

State management remains a subject that attracts a lot of attention. So much, in fact, you may need the help of the handy React Handbook to help sort through all the options. - https://reacthandbook.dev/state-management

#react

Vue 3: watchEffect is Impressive, but watch is still the Best Choice

This article will explore the differences between watch and watchEffect and when to use each. - https://fadamakis.com/vue-3-watcheffect-is-impressive-but-watch-is-still-the-best-choice-8903b62fdc19

#vue

How to Generate Presigned URLs with AWS Node.js SDK V3 - https://www.raymondcamden.com/2023/06/09/quick-example-using-aws-nodejs-sdk-v3-for-signed-urls

#nodejs #aws

Coding the Sliced Image Hover Effect from Quai Network

Manoela Ilic shows how to code a stunning hover animation. - https://tympanus.net/codrops/2023/06/21/coding-the-sliced-image-hover-effect-from-quai-network

#css

Dynamic Angular Microfrontends

Learn how to load your microfrontends very dynamically to manage stages, A/B testing, or create a… - https://levelup.gitconnected.com/dynamic-angular-microfrontends-7de8f2634f0a

#angular

Are React Server Components Really Slower?

Are RSCs actually slower in Next.js than the getServerSideProps/Pages model? - https://www.youtube.com/watch?v=3Q2q2gs0nAI

#react

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