Understanding Web Accessibility in Vue.js

As developers, we are tasked with creating applications inclusive of all people, regardless of their hardware, software, language, location, or ability. In this article, we will tackle the basics of web accessibility in our Vue.js applications, looking at some concepts and strategies to consider when designing accessible applications. - https://vueschool.io/articles/vuejs-tutorials/understanding-web-accessibility-in-vue-js/

#vue

Multiple-Page-Application (MPA) in NestJS with Nunjucks

We all know that most frontend is based on a Single-Page-Application (SPA) framework such as Vue, React, or… - https://blog.devgenius.io/multiple-page-application-mpa-in-nest-js-with-nunjucks-1fd522cc1aa

#nodejs

Re-Creating The Pop-Out Hover Effect With Modern CSS

Temani Afif shows how to combine CSS masks, CSS variables, trigonometric functions, @property, and more to create a neat hover effect that would have been extremely difficult to create even a few years ago without the latest and greatest that CSS has to offer. - https://www.smashingmagazine.com/2023/09/re-creating-pop-out-hover-effect-css-part1

#css

An Alternative to Using State for React Forms

Making the case for using FormData instead of useState, although there are pros and cons to take into account. - https://hackernoon.com/stop-using-state-for-react-forms-there-is-a-much-better-way

#react

An Introduction to Quicksort

A good, beginner friendly introduction to the Quicksort algorithm, concluding with a JavaScript implementation. - https://www.kirupa.com/sorts/quicksort.htm

#algorithm

Best VueUse Composables

VueUse has a massive collection of fantastic composables. But with so many, it can be overwhelming to look through them all. With this article, we’ve put together this list, to showcase some of the best Vue composables that deserve some extra attention. - https://medium.com/vue-mastery/best-vueuse-composables-72dc82e2f90f

#vue

Angular 16 is making big noise

Significant changes in Angular’s whole life! - https://levelup.gitconnected.com/angular-16-is-making-big-noise-6a06e9808788

#nodejs

The Backend-for-Frontend pattern using NextJS: A Step-by-Step Guide

The Backends-for-Frontends pattern might be exactly what you need to avoid monolithic Backend APIs and… - https://javascript.plainenglish.io/the-backend-for-frontend-pattern-using-nextjs-a-step-by-step-guide-c7291fbc225f

#nodejs #bff

A Guide to React Portals

Portals let you render some children into a different part of the DOM / outside the current hierarchy. - https://semaphoreci.com/blog/react-portals

#react

Responsive type scales with composable CSS utilities

Tobias Ahlin Bjerrome explains how you can create composable, responsive, and fluid-type scales that smoothly adapt to viewport and container widths using calc(), clamp(), and CSS vars. - https://tobiasahlin.com/blog/responsive-fluid-css-type-scales

#css

A Comprehensive Guide to Data Fetching in Nuxt 3

With Nuxt 3's rendering modes, you can execute API calls and render pages both on the client and server, which has some challenges. In this article, explore everything you need to know about the different data fetching methods available in Nuxt 3 and when to use them. - https://mokkapps.de/blog/a-comprehensive-guide-to-data-fetching-in-nuxt-3

#vue

Angular: Best Practices for 2023

Listing down few practices to catch up to early, on the way to being an Angular Developer. - https://blog.bitsrc.io/angular-best-practices-to-adapt-in-2023-bf67122b37ab

#angular

A Web Server ‘Hello World’ Benchmark: Go vs Node vs Nim vs Bun

The standard disclaimer applies: benchmarks are difficult and don’t always measure what you should care about. Nonetheless, they remain of interest and here’s a quick example comparing the simplest of HTTP servers in with Go, Node, Bun and Nim. In short: Node stands up fine, but you'd want to benchmark something more elaborate than this in reality. - https://lemire.me/blog/2023/10/07/web-server-hello-world-benchmark-go-vs-node-js-vs-nim-vs-bun/

#nodejs

Limit the reach of your selectors with the CSS @scope at-rule

Bramus Van Damme explains how to use @scope to select elements only within a limited subtree of your DOM. - https://developer.chrome.com/articles/at-scope

#css

10 Vue.js Optimization Tips That Frontend Engineers Must Use in 2023

Optimizing Vue.js application performance is a concern for every front-end developer. - https://javascript.plainenglish.io/10-vue-js-optimization-tips-that-frontend-engineers-must-use-in-2023-5040e9cd2a7c

#vue

Stop passing props between React components! Apply composition pattern

Passing props between React components is a common practice when building complex applications. While it… - https://medium.com/@flavtech/stop-passing-props-between-react-components-apply-composition-pattern-15b132bf0686

#react

The Hidden Performance Cost of Node and GraphQL

“GraphQL’s modular structure generally leads to code that instantiates excessive promises, which degrades request performance.” - https://www.softwareatscale.dev/p/the-hidden-performance-cost-of-nodejs

#nodejs

Using CSS custom properties like this is a waste

Kevin Powell explores how you can make your code a lot more efficient by leveraging pseudo-private custom properties. - https://www.youtube.com/watch?v=_2LwjfYc1x8

#css

Part Of Why I Think Angular Is Junk

Several years ago I wrote about how I think React is junk. The article proved popular and led to a few… - https://medium.com/codex/part-of-why-i-think-angular-is-junk-5832d191e9a8

#angular

100 Things You Should Know About Nuxt 3

A blog post with about 100 things you should know about Nuxt 3
Organized by categories, with little tips that are easy to digest. - https://www.telerik.com/blogs/100-things-you-should-know-about-nuxt-3

#vue

Building a Next.js 13 Dashboard with Auth using AWS

With AWS Appsync and Amplify Studio doing a lot of the heavy lifting. - https://www.youtube.com/watch?v=-j7XpK2UQ3w

#react