How to Deploy Your Vite/Vue 3 Application in GitHub Pages 2023

Github pages is a fast and free alternative to host your application. There are several guides to how to setup your project on Github pages. This article provides a practical guide that you can follow, and hopefully leave with a better understanding of how it all works! - https://mkay11.medium.com/how-to-deploy-your-vite-vue-3-application-in-github-pages-2023-2b842f50576a

#vue

Can Next.js Handle 5000 Pages?

Christian set out to push both Next.js and AWS Amplify hard. A good read. - https://dev.to/codebeast/can-nextjs-handle-5000-pages-1ejn

#react

Modular CSS and different ways to structure your stylesheets

Chris Ferdinandi shares how to structure CSS and work with modular files if you’re not using a compiler like Sass. - https://gomakethings.com/modular-css-and-different-ways-to-structure-your-stylesheets

#css

Most Common Design Patterns in Angular: What They Are and How to Apply Them

Imagine building a house without a blueprint. It would be chaotic, confusing, and there’s a high chance that… - https://medium.com/williambastidasblog/most-common-design-patterns-in-angular-what-they-are-and-how-to-apply-them-f0193b85e500

#angular

How to Optimize MongoDB Performance from Node - https://blog.appsignal.com/2023/11/15/how-to-optimize-mongodb-performance-for-nodejs.html

#nodejs

Getting Started With CSS Container Queries

Michelle Barker gives a fantastic introduction to Container Queries. - https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries

#css

Headless Component: A Pattern for Composing React UIs

Posting on the Martin Fowler blog, an engineer at Atlassian takes us on a (very) practical journey into the concept of headless components and the pattern of having reusable logic and behavior separate from the presentation of UI elements. - https://martinfowler.com/articles/headless-component.html

#react

AbortController — Abort ongoing calls in Vue with Axios interceptor

This article introduces Axios Interceptor to help intercept requests or responses before they are handled by the then or catch methods. Read more to find out how to implement this in a Vue.js application. - https://medium.com/@rado.sabo/abortcontroller-abort-ongoing-calls-in-vue-with-axios-interceptor-584c9f0566a6

#vue

Mastering TypeScript: A Guide to Choosing Between ‘type’ and ‘interface’

Choosing between ‘type’ and ‘interface’ in TypeScript can be confusing, but understanding their differences… - https://levelup.gitconnected.com/mastering-typescript-a-guide-to-choosing-between-type-and-interface-c31d3527693b

#typescript

A Simple WebSocket Benchmark: Node vs Bun

Using as ‘textbook’ an example of WebSocket communication as possible, the author pits Node and Bun against each other. - https://lemire.me/blog/2023/11/25/a-simple-websocket-benchmark-in-javascript-node-js-versus-bun/

#nodejs

CSS Art Tutorial: Creating a simple Santa Claus

Eleftheria Batsou shows how to build an illustration of Santa Claus with HTML and CSS. - https://blog.eleftheriabatsou.com/css-art-creating-a-santa-claus

#css

How I structure my Angular applications - https://medium.com/@dimitarg.stoev/how-i-structure-my-angular-applications-d7d91a2da2e3

#angular

Hexagonal Architecture: Structure Example

Hexagonal Architecture, also known as Ports and Adapters Architecture, is a design pattern that promotes… - https://medium.com/@alessandro.traversi/hexagonal-architecture-structure-example-7ea1d998954e

#architecture

React Server Components, Without a Framework?

Could you use Server Components today without a full framework like Next.js in place? This practical investigation is very thorough, with plenty to enjoy and learn from. - https://timtech.blog/posts/react-server-components-rsc-no-framework/

#react

7 Best Tools for Vue.js Micro Frontends

Microfrontends have revolutionized the way web applications are built and maintained. In this article, explore seven popular tools for Vue.js microfrontends to help you decide the best tools to implement Vue.js microfrontends. - https://blog.bitsrc.io/best-7-tools-for-vuejs-microfrontends-ebd6f4345979

#vue

oklch() Retains Perceived Lightness for Different Hue Angles

Stefan Judis explains how the oklch() color function enables the use of the P3 color space and allows color manipulations that retain perceived lightness. - https://www.stefanjudis.com/today-i-learned/oklch-perceived-lightness

#css

A Recap of the Electron Ecosystem in 2023

The Electron project takes December off so now's a good time to look at recent developments. Electron 28 is the final release of the year and uses Chromium 120, Node 18.18.2, and V8 12.0, plus ES module support has been enabled. - https://www.electronjs.org/blog/ecosystem-2023-eoy-recap

#nodejs

Say Goodbye to Setters and Getters: Angular’s Transform Option for Input Values

Starting from Angular v16.1.0, a new helpful feature has been introduced to provide an alternative and easy… - https://netbasal.com/say-goodbye-to-setters-and-getters-angulars-transform-option-for-input-values-88fd9442dcad

#angular

JavaScript's New Array Grouping Methods

A look at Object.groupBy and Map.groupBy. The proposal including these methods is currently at stage 3 at TC39, but initial support is creeping into dev builds of browsers. - https://philna.sh/blog/2023/09/14/javascript-array-grouping-methods/

#javascript

How to Use Vue’s Routing System Like an Expert

The routing system in Vue is an essential tool for building modern and interactive web applications. It facilitates navigation between different views and components, contributing to a smooth and engaging user experience. In this article, you will delve into the world of Vue routing and learn how to use its routing system like an expert, making the most of this powerful feature. - https://medium.com/@dgongoragamboa/how-to-use-vues-routing-system-like-an-expert-c24058c99930

#vue