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

State management in Micro-Frontends

What is State Management? State management refers to the process of managing the data and application state… - https://medium.com/sysco-labs/state-management-in-micro-frontends-ee273830f95f

#microfrontends

React Tricks: Fast, Fit and Fun

The developer of Wouter, a minimal hook-based router for React apps, explains some of the ‘tricks and hacks’ he’s used while maintaining the library, complete with some neat interactive demos. - https://molefrog.com/notes/react-tricks

#react

Angular 16 Is Out Now: Learn How to Replace RxJS with Signals

Signals are meant to replace RxJS to simplify your reactive code. - https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809

#angular

CSS Selectors: A Visual Guide

Sébastien Noël created a visual guide to the most popular CSS selectors. - https://fffuel.co/css-selectors

#css