Honey, I Shrunk the npm Package!

Compression sits under the hood of everything on the modern Web, including npm packages (distributed as gzipped tarballs). Could the standard gzip approach be showing its age in both speed and effectiveness? Jamie runs a package through a few alternatives and gives an update on efforts to modernize npm’s compression defaults. - https://jamiemagee.co.uk/blog/honey-i-shrunk-the-npm-package/

#nodejs

How to Use Vue Router: A Complete Tutorial

One of the most powerful features of modern single-page web applications (SPA) is routing. Modern single-page apps such as a Vue application can transition from page to page on the client-side (without requesting the server). Vue Router which is the official library for page navigation in Vue applications is simple to use, yet powerful. - https://vueschool.io/articles/vuejs-tutorials/how-to-use-vue-router-a-complete-tutorial/

#vue

Writing Retrowave in Angular

Web Audio API has been around for a while now and it can become Angular’s best friend if you introduce it… - https://medium.com/its-tinkoff/writing-retrowave-in-angular-4e1ff80798a8

#angular

CSS Findings From The Threads App: Part 2

Ahmad Shadeed takes another look at the Threads app and shares some interesting things he found along the way. - https://ishadeed.com/article/threads-app-css-part-2

#css

Server-Side Rendering (SSR) with Bun and React

Bun 1.0, a performance oriented alternative server-side JS runtime, has finally been released. To better understand how it can be employed with React, this case study walks through an example. - https://alexkates.dev/server-side-rendering-ssr-with-bun-and-react

#react #ssr

Type vs Interface: Which Should You Use in 2023?

Learn the key differences between interfaces and type aliases in TypeScript, including their use cases and important features to consider. - https://www.totaltypescript.com/type-vs-interface-which-should-you-use

#typescript

Exploring Nuxt 3 Middleware: A Comprehensive Overview

In Nuxt.js, middleware are custom functions that run before rendering a page or group of pages. Its use-cases may include checking authentication, modifying the server response, or accessing cookies. In this article understand the various types of middleware and how they work in Nuxt 3. - https://figueiredoluiz.medium.com/exploring-nuxt-3-middlewares-a-comprehensive-overview-6c45635cd6e4

#vue

A Comprehensive Guide to Angular Observables - https://medium.com/@lquocnam/a-comprehensive-guide-to-angular-observables-bde5542346fc

#angular

Best Practices for Securing Node Apps in Production

A list of fifteen straightforward and fundamental best practices for keeping your apps safe(r). - https://semaphoreci.com/blog/securing-nodejs

#nodejs

Laying out dots on a dice using display:flex & pseudo-classes

Maciek Fitzner shows how to use :nth-child, :is, and :not to display dots on a dice. - https://mackfitz.hashnode.dev/laying-out-dots-on-a-dice-using-displayflex-pseudo-classes

#css

What I Learnt Building a React Toast Component

Emil is the creator of Sonner, a popular toast notifications component. - https://emilkowal.ski/ui/building-a-toast-component

#react

Upgrading an enterprise app to Angular 16 - https://itnext.io/upgrading-an-enterprise-app-to-angular-16-4a92b1b29906

#angular

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