Handle processing peaks in NestJS using Queues and monitor them— Ft. Redis and Bull

Queues can come in handy in smoothing out processing peaks for tasks which can take time to process or block the node.js event loop. Challenge Lets say we have an endpoint which processes some data, that takes more than a few seconds; it can be complex calculations, video processing, audio transcoding etc.. if multiple users… Continue reading Handle processing peaks in NestJS using Queues and monitor them— Ft. Redis and Bull

TypeScript Generics in Custom React Hooks

In custom hooks, TypeScript generics allow you to define flexible data types at runtime, enabling a single hook to work with various data structures. Generics are ideal for hooks that perform similar operations on different types of data, like fetching various API data or managing states of diverse data models. What Are Generics? In TypeScript,… Continue reading TypeScript Generics in Custom React Hooks

Resolving the “ENOENT: No Such File or Directory” Error in Gulp Tasks

When working with Gulp, you may encounter the error: Error: ENOENT: no such file or directory, scandir ‘C:UsersHPDownloadsSuiteCommerce AdvancedsuitecommerceLocalDistributionAdvancedprocessed-templates’ This error typically indicates that Gulp is trying to access a directory that does not exist. Here’s a detailed guide on how to resolve this issue effectively. Step 1: Verify the Specified Directory The first step… Continue reading Resolving the “ENOENT: No Such File or Directory” Error in Gulp Tasks

MeshLine

MeshLine Mesh replacement for THREE.Line.Instead of using GL_LINE, it uses a strip of triangles billboarded. Include script after THREE is included <script src=”THREE.MeshLine.js”></script> or use npm to install it npm i three.meshline and include it in your code (don’t forget to require three.js) const THREE = require(‘three’); const MeshLine = require(‘three.meshline’).MeshLine; const MeshLineMaterial = require(‘three.meshline’).MeshLineMaterial; const… Continue reading MeshLine

Quarks

three.quarks three.quarks is a high-performance javascript particle system based visual effect library for threejs written in modern TypeScript. three.quarks computes most particle information on CPU, and it uses customized shader , instancing, batch techniques to render those particles with as few draw calls as possible. three.quarks supports one dimension piecewise Bézier curves for the customizable transform visual… Continue reading Quarks

Threlte in Threejs

Threlte Threlte is a Svelte library that simplifies creating 3D apps for the web. It provides a declarative, type-safe, reactive and interactive API out-of-the-box. Threlte’s 3D rendering is powered by Three.js, and it also provides a physics engine through Rapier and an animation studio via Theatre.js Threlte is comprised of six distinct packages to allow you to import only what you need: @threlte/core provides declarative and transparent Svelte binding to Three.js. @threlte/extras boosts productivity with assorted… Continue reading Threlte in Threejs

How to Create and Manage Background Jobs with Node.js and BullMQ

If you’re a Node.js developer, then you’re likely to be well-versed in the need to execute background jobs that could take an indeterminate amount of time to complete. The objective of such jobs may be image processing, report generation, or email transmission. If they were to be executed on the primary event loop of your… Continue reading How to Create and Manage Background Jobs with Node.js and BullMQ

JavaScript Monorepos: Exploring Decentralized Alternatives

Enhancing Your Javascript/Typescript Codebase for Flexibility, Shareability, and Scalability to Address the Needs of Your Micro Frontends, Microservices, or Any Other Micro Architecture. Going from a standard monorepo to a composable architecture to a completely decentralized Monorepos are a popular way to manage multiple projects in a single repository. They are often used to address… Continue reading JavaScript Monorepos: Exploring Decentralized Alternatives

JavaScript design patterns guide

Imagine a situation where a group of architects wants to design a skyscraper. During the design stage, they would have to consider a plethora of factors, for example: The architectural style — should the building be brutalist, minimalist, or something else? The width of the base — what sizing is needed to prevent collapse during windy days?… Continue reading JavaScript design patterns guide

🧠 Understanding JavaScript Proxies: Harnessing the Power of Metaprogramming

What is a Proxy? A Proxy in JavaScript is an object that wraps another object (called the target) and intercepts fundamental operations performed on it, such as property access, assignment, and function invocation. By defining custom behavior for these operations, Proxies allows developers to create highly dynamic and flexible applications. ‘In Small terms Proxy is… Continue reading 🧠 Understanding JavaScript Proxies: Harnessing the Power of Metaprogramming