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

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