Architectural Decisions

The main thing that shape your code/design/architecture are decisions about software.  So let’s talk about… - https://blog.stackademic.com/architectural-decisions-40e5a42989c9

#architectural

Uncontrolled or Controlled: A Matter of Perspective?

Controlled components have state managed by React, while uncontrolled components store their state in the DOM, but sometimes it’s a bit more complicated than that, as Sam demonstrates here. - https://buildui.com/posts/uncontrolled-vs-controlled-a-matter-of-perspective

#react

CSS Tricks That Use Only One Gradient

Temani Afif showcases a number of the incredible things you can create with just one CSS gradient. - https://css-tricks.com/css-tricks-that-use-only-one-gradient

#css

Angular Tips & Tricks: Initialize NgRx SignalStore from Resolver

Quick tutorial on how to instantiate a NgRx SignalStore with data from resolver for better UX - https://itnext.io/angular-tips-tricks-initialize-ngrx-signalstore-from-resolver-738c9ff58369

#angular

Building Real-Time Applications with Vue.js and WebSockets

This guide walks through setting up a Vue.js project, integrating Socket.io for WebSocket communication, and creating a real-time chat application. - https://medium.com/@emperorbrains/building-real-time-applications-with-vue-js-and-websockets-3db2dd8d5d7c

#vue

Introducing the vlt Package Manager

Made up of an incredibly experienced team, including npm’s creator Isaac Schlueter, Vlt set out to ‘build the future’ of JS package management. The vlt tool, explained here, is the first fruit of the project and acts as ‘a drop-in replacement’ to whatever you’re using now. - https://blog.vlt.sh/blog/introducing-vlt-and-vsr

#nodejs

Building React Forms with Ease Using React Hook Form, Zod and Shadcn

I exaggerate, but it seems there are almost as many ways to create forms in React as there React developers, but here’s one developer’s clean, modern approach. - https://wasp-lang.dev/blog/2024/11/20/building-react-forms-with-ease-using-react-hook-form-and-zod

#react

I wasted a day on CSS selector performance to make a website load 2ms faster

Trys Mudford shares his experience of trying to improve the CSS selector performance. - https://www.trysmudford.com/blog/i-spent-a-day-making-the-website-go-2ms-faster

#css

Using Docusaurus to Build A Modern Documentation Website

When building a software product, whether a framework, library or any interesting piece of technology, having… - https://semaphoreci.medium.com/using-docusaurus-to-build-a-modern-documentation-website-1e718405f07a

#docusaurus

v-model and defineModel: A Comprehensive Guide to Two-Way Binding in Vue.js 3

In this comprehensive guide, we'll explore how to implement seamless data flow between components using this powerful composition API Macro. - https://vueschool.io/articles/vuejs-tutorials/v-model-and-definemodel-a-comprehensive-guide-to-two-way-binding-in-vue-js-3/

#vue

Node.js v22 Enters Long Term Support (LTS)

This happened in the past couple of weeks, but Lizz has put together a useful update on Node 22’s recent transition to becoming an LTS release and the key features it has baked in. - https://nodesource.com/blog/Node.js-v22-Long-Term-Support-LTS

#nodejs

Data fetching patterns in Angular

Angular ships with various built-in features that support us in applying reliable patterns in a simplified… - https://medium.com/medialesson/data-fetching-patterns-in-angular-185da4cfbcde

#angular

CSS Fan Out with Grid and @property

Preethi Sam shows how to create an expanding animation where a group of items appear one after another, next to each other, as though they were spread out from a stack. - https://frontendmasters.com/blog/css-fan-out-with-grid-and-property

#css

A Look At “use cache”, Next.js's Latest Take on Data Caching

Explained in Jack’s usual tight, expertful fashion.  - https://www.youtube.com/watch?v=ZDRGEewXkrs

#react

How to Make Complex Chrome Extensions

Spinning up a quick, simple browser extension isn’t that big of a deal nowadays, especially with tools like Extension to kick off a project. Larger extensions are a different story, so it’s neat to learn from the experiences of a team that’s built one. - https://evilmartians.com/chronicles/how-to-make-complex-chrome-plugins-a-zero-gravity-guide

#extension

Node Implementing Stricter Policies for Pull Requests

To help bolster the stability and security of major releases, the Node team has introduced a stricter policy around semver-major PRs. If such a PR lands on the default branch within a month prior to a major release, it’ll be far less likely to make it in. - https://socket.dev/blog/node-js-implements-stricter-policies-for-semver-major-pull-requests

#nodejs

Getting Started with Nuxt Modules

This guide aims to provide detailed insights and clear explanations to fully grasp the power and utility of Nuxt modules. - https://masteringnuxt.com/blog/getting-started-with-nuxt-modules

#vue

Improving Code Reusability in Angular Projects

In this article, you’ll find recommendations on how to make your Angular components and services more… - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786

#angular

JavaScript Interview Questions in 2024

Do you know the answers? - https://levelup.gitconnected.com/javascript-interview-questions-in-2024-from-an-interviewer-3034aca4993f

#interview

CSS min() All The Things

Victor Ayomipo experiments with the CSS min() function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. - https://www.smashingmagazine.com/2024/10/css-min-all-the-things

#css