You don't need JavaScript for that

Kilian Valkhof outlines one of the core principles of web development: you should choose the least powerful language suitable for a given purpose. - https://www.htmhell.dev/adventcalendar/2023/2

#css

Clean Frontend Architecture

Robert Maier-Silldorff introduces an example of clean Architecture, gives an overview of some principles that could be applied, and takes DDD and puts it into the Frontend Architecture. And last but not least, he presents some rules when it comes to creating components and adding business logic so that the code will hopefully stay maintainable. - https://blog.bitsrc.io/clean-frontend-architecture-2995c68702fb

#architecture

StyleX: Meta's Web Styling System

A newly open sourced “CSS-in-JS” library from Meta made up of a JavaScript syntax and compiler for styling web apps. It’s not exclusively for React, but React is a natural fit given it was built for Facebook. - https://stylexjs.com/blog/introducing-stylex/

#react

Node.js, TypeScript and ESM: It Doesn't Have to Be Painful - https://dev.to/a0viedo/nodejs-typescript-and-esm-it-doesnt-have-to-be-painful-438e

#nodejs

How I’ve Created Custom Inputs in Angular 16

ControlValueAccessor to help you abstract your inputs and keep you DRY - https://blog.bitsrc.io/how-ive-created-custom-inputs-in-angular-16-43f4c2d37d07

#angular

Container Style Queries

Manuel Matuzovic explores new ways of approaching CSS by querying custom properties and their values. - https://12daysofweb.dev/2023/container-style-queries

#css

My Top 5 Tips for using Pinia

In this blogpost from the creator of Pinia, discover 5 exclusive tips for using Pinia in your Vue.js Application. - https://masteringpinia.com/blog/my-top-5-tips-for-using-pinia

#vue

Avoid Switch-Case Chaos: Harnessing Strategy Pattern and Union Types in…

Remember last time we had a chat about Martin Fowler’s Domain Logic Patterns? We found out how the… - https://levelup.gitconnected.com/avoid-switch-case-chaos-harnessing-strategy-pattern-and-union-types-in-typescript-2d81c2d9dc1

#typescript

Some tricks for customizing the Angular build

Webpack required, batteries not included - https://itnext.io/some-tricks-for-customizing-the-angular-build-fc2fd33c8e2f

#angular

Best Practices Using React Server Components with a Headless CMS - https://www.cosmicjs.com/blog/best-practices-using-react-server-components-with-a-headless-cms

#react

The Node.js Best Practices List: 2023 Edition

This long standing resource is valuable enough that it was in 2022's 'best of' too 😉 Delightfully it was “modernized to 2023 standards” with much work by creator Yoni and a growing team of contributors. The topics remained the same, though, covering areas like code style, project architecture, and taking apps to production. - https://github.com/goldbergyoni/nodebestpractices

#nodejs

How to Create a Vue-based Chrome Extension

In this tutorial, we will create a chrome extension that displays a random quote using VueJS and Webpack from scratch without any extension boilerplate. - https://javascript.plainenglish.io/how-to-create-vuejs-based-chrome-extension-645d6fe9bf53

#vue

Locking scroll with :has()

Robb Owen shares a quick tip for handling locked scroll with :has() pseudo-class. - https://robbowen.digital/wrote-about/locking-scroll-with-has

#css

How we migrated from Rollup to Vite

Vite, a next-generation frontend tool, had taken over the frontend world by storm in the past few years. - https://propertyguru.tech/how-we-migrated-from-rollup-to-vite-96f7e77e87c3

#vite

Polymorphism in React: Two Patterns to Know - https://www.bekk.christmas/post/2023/1/polymorphism-in-react

#react

The 12 Most Popular Node.js Frameworks in 2023

The data came from surveys, GitHub stars, plus some gut feelings, but it was a well put together summarized list of frameworks of the moment. - https://stackdiary.com/node-js-frameworks/

#nodejs

RouteReuseStrategy Simplified in Angular

What is Route Reuse Strategy In Angular? How to Implement it? - https://javascript.plainenglish.io/routereusestrategy-simplified-in-angular-2e358db618d9

#angular

A Few Interesting Ways To Use CSS Shadows For More Than Depth

Preethi experiments with different shadows — two CSS properties and a filter — to make interesting hover effects, different text styles, and even casting shadows on other shadows. - https://www.smashingmagazine.com/2023/08/interesting-ways-use-css-shadows

#css

How to create beautiful view transitions in Nuxt using the new View Transitions API

Web Transitions API is a new API that gives us a better way of creating animated transitions between different DOM states while also updating the DOM contents in a single step. This article provides a guide on how to create stunning webpage transition with the new View Transition API. - https://dev.to/michalkuncio/how-to-create-beautiful-view-transitions-in-nuxt-using-the-new-view-transitions-api-1pph

#vue

The State of Node.js Performance in 2023

Node 20 was put through its paces against 18.16 and 16.20 with a few different benchmark suites running on EC2. It went into a lot of depth, but ultimately Node 20 is the champion. -  https://blog.rafaelgss.dev/state-of-nodejs-performance-2023

#nodejs