Why I Won't Use Next.js

Kent explains in detail why he has chosen Remix over Next.js. The reasoning is more nuanced than the title might imply but focuses around Remix relying more on the web platform and not being as closely aligned with a commercial platform. - https://www.epicweb.dev/why-i-wont-use-nextjs

#react #nextjs

How to Use NPM Packages Outside of Node

Learn how to use packages in ‘other places’ like serverless platforms, the browser, and beyond. - https://neon.tech/blog/using-npm-packages-outside-node

#nodejs

The New CSS Math: rem() and mod()

Daniel C. Wilson shows how remainders and modulo CSS Math functions work. - https://danielcwilson.com/posts/mathematicss-rem-mod

#css

Angular Architecture — Abstraction layers

Now that we have explored how modular design can be achieved in a standalone Angular application, let’s take… - https://medium.com/@datitk16/angular-architecture-abstraction-layers-dbcf82fe952d

#angular

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