Building a Micro HTMX SSR Framework

Matteo builds on an earlier tutorial about creating a ‘movie quotes’ app by exploring an alternative backend stack to use, based upon Fastify, Vite and HTMX. - https://blog.platformatic.dev/building-a-micro-htmx-ssr-framework

#ssr

Textareas with auto-increasing height using CSS

Amit Merchant gives a short intro to an experimental CSS rule with form-sizing property that will let you increase the height of the textarea automatically based on the amount of text the user enters. - https://www.amitmerchant.com/textarea-auto-increase-height

#css

The React 19 Beta

The React team can say this beta is designed to get library developers prepared for an eventual React 19 release, but that hasn’t stopped everyone digging into all the new features anyway - https://react.dev/blog/2024/04/25/react-19

#react

Angular Best Practice

Angular, developed by Google, is a powerful framework for dynamic programming of Single Page Application… - https://medium.com/@marcomatto/angular-best-practices-83a7f1d7087c

#angular

How to Create a Vue.js 3 Tool Tip Plugin

One of the most powerful features of modern single-page web applications (SPA) is routing. Vue Router is the official library for page navigation in Vue applications. This article will go over everything you need to know to use Vue Router comfortably. - https://vueschool.io/articles/vuejs-tutorials/how-to-create-a-vue-js-3-tool-tip-plugin/

#vue

Node.js: A Documentary of Its Origin Story

It's an hour long, but this documentary covers the history of Node particularly well, including how everything brewed up to the io.js fork of 2014. Easter weekend watching, perhaps? - https://www.youtube.com/watch?v=LB8KwiiUGy0

#nodejs

How to Use ‘keyof’ ‘typeof’ in TypeScript

A practical example of sorting an array with ‘keyof’, ‘typeof’ and enum. - https://blog.bitsrc.io/how-to-use-keyof-typeof-in-typescript-de453fa04fef

#typescript

Path to a Clean(er) React Architecture: API Layer and Fetch Functions - https://profy.dev/article/react-architecture-api-layer-and-fetch-functions

#react

How Custom Property Values are Computed

Stephanie Eckles reviews how the browser determines values for any property, the impact of “computed value time,” pitfalls around using custom properties with cutting-edge CSS, and why inheritance should inform your custom property architecture. - https://moderncss.dev/how-custom-property-values-are-computed/

#css

Angular Interceptors Unleashed: Solving Complex Scenarios with Ease.

Angular is a powerful and popular JavaScript framework used for building dynamic web applications. One of its… - https://blog.stackademic.com/angular-interceptors-unleashed-solving-complex-scenarios-with-ease-b1108fb1846e

#angular

How to Use the Web Bluetooth API - https://confidence.sh/blog/how-to-use-the-web-bluetooth-api/

#weapi

Globalize Your Vue App: A Practical Guide to Vue 3 Internationalization

Building web experiences that can cater to a diverse audience is important, and so is internationalization to create applications adapted to different languages and cultures. This article is a step-by-step guide to creating an international website with Vue 3 and Vite. - https://medium.com/simform-engineering/globalize-your-vue-app-a-practical-guide-to-vue-3-internationalization-93f5c7da4494

#vue

Top Node.js Tools for Production

Helios, Sentry, AdonisJS, FeathersJS, and more - https://javascript.plainenglish.io/top-node-js-tools-for-production-5dcf9f2be1c3

#nodejs

Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not

Bramus Van Damme shows how to selectively style an element based on it being scrollable or not. - https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not

#css

HTML Attributes vs DOM Properties

They’re different, but often coupled. Jake outlines the difference, and why it matters. He also touches on how frameworks deal with the contrast and how it has affected React’s support for custom elements so far - https://coderoasis.com/react-19-beta/

#react

Mastering Custom Pipes in Angular: 31 Real-world Examples (2023)

Angular provides a powerful “pipes” feature to transform and format data in templates. While Angular includes… - https://blog.bitsrc.io/mastering-custom-pipes-in-angular-31-real-world-examples-2023-c7ce8ec7faae

#angular

Handling Webhooks With Nuxt 3

This video covers what webhooks are, how to handle them in a nuxt app, and how to test them locally. - https://www.youtube.com/watch?v=4fvJ4lj3I_w

#vue

Best Structure For Node.js Project.

Optimizing Code Organization and Scalability in Node.js - https://itnext.io/best-structure-for-node-js-project-468c74410801

#nodejs

A Proposal to Add Signals to JavaScript

A (very) early stage proposal for bringing a new feature to ECMAScript/JavaScript: signals! The proposal brings aboard ideas from a swathe of popular frameworks and aims to align everyone and get us on the same page when it comes to working with state and making updates based upon changes to state. - https://github.com/tc39/proposal-signals

#javascript

Empowering Angular Forms: 40 Handcrafted Custom Validators for Precision

Angular, a popular JavaScript framework for building web applications, offers a robust set of tools for form… - https://itnext.io/empowering-angular-forms-40-handcrafted-custom-validators-for-precision-2023-0951cc0a1180

#angular