Most-Used Distributed System Design Patterns

Distributed system design patterns provide architects and developers with proven solutions and best practices… - https://medium.com/javarevisited/most-used-distributed-system-patterns-d5d90ffedf33

#system #design

Speeding Up the Virtual DOM With Vue.js

Web frameworks often use a virtual DOM to keep track of current UI elements.
To combat performance issues, Vue.js closely couples its runtime and compiler. - https://www.heise.de/hintergrund/Speeding-Up-the-Virtual-DOM-With-Vue-js-9799410.html

#vue

Wasmer Adds Node.js and Bun Support

Wasmer is a fast, Rust-powered WebAssembly runtime and as of Wasmer 5.0, it has (experimental) V8 backend support, meaning you can try all sorts of curious things like, say, running Clang or Python inside Node. - https://wasmer.io/posts/wasmer-js-sdk-now-supports-node-and-bun

#nodejs

Angular: Build gradually, your fully dynamic, flexible reactive form

Do you know that there are 2 types of dynamic forms? One without dynamic components and one with? Here you… - https://levelup.gitconnected.com/angular-build-gradually-your-fully-dynamic-flexible-reactive-form-0fce96a6a051

#angular

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