Using CSS content-visibility To Boost Your Rendering Performance

Rob O’Leary dives into the benefits and practical use cases of the content-visibility CSS property, as well as situations where it might not be the most suitable option. - https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance

#css

How I Built a Server-Side Cache with Express for React  - https://latitude.hashnode.dev/expressjs-react-server-side-cache

#react

The April 10 Node.js Security Releases

Another week, another set of security releases, made up of v18.20.2 (LTS), v20.12.2 (LTS), and v21.7.3 (Current). The main issue relates to a command injection vulnerability on Windows. - https://nodejs.org/en/blog/vulnerability/april-2024-security-releases-2

#nodejs

Real-time updates in Vue apps with Polling

In polling, client makes the request to the server repeatedly in hope for updated/new data. In this article, the author introduces you to the concept of Frontend Polling in Vue.js apps. - https://dev.to/jacobandrewsky/real-time-updates-in-vue-apps-with-polling-35eg

#vue

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