JavaScript

How to Build Real-Time Applications Using Node.js and WebSockets

By Tonie Victor   49 May 27, 2023

Real-time chat applications are all the rage these days, and I can see why. They've transformed the way we communicate, collaborate, and socialize, making it easy to send and receive messages instantly. That's why I'm excited to show you how to create your own real-time chat application using WebSockets and Node.js.

Working with Jotai as your next state management in React

By peter osah   82 May 26, 2023

Despite being efficient and scalable, most common state management needed additional boilerplate code on setup. As a developer who is continually looking for efficient and user-friendly options, I came across Jotai, a minimalistic state management tool that can be used in constructing scalable react applications. In this tutorial, I will walk you through the Jotai library as well as teach you how to utilize Jotai to build a simple application.

Interoperability between Ethereum, Binance Smart Chain, and other blockchain platforms using Node.js

By Javed Baloch   623 May 16, 2023

In this article, I will deeply into the importance of interoperability in the blockchain sphere and present use cases that support this perspective. Additionally, I will provide code examples using Node.js to demonstrate the practical implementation of interoperability between Ethereum, Binance Smart Chain, and other blockchain platforms.

How And When To Debounce And Throttle In React

By Olasunkanmi Balogun   4,241 May 14, 2023

In React applications, certain user interactions can lead to performance issues, such as slow loading times and unresponsive UIs. For example, making asynchronous requests triggered by user input on every keystroke can overload the web server and cause it to crash, or slow down the webpage if the user is typing too fast.

Mastering JavaScript Proxies: Practical Use Cases and Real-World Applications

By Umoren Samuel   6,870 May 7, 2023

This article will briefly revisit the concept of JavaScript Proxies and their purpose. We will then dive into a series of practical use cases, providing detailed code examples and clear explanations along the way. By the end of this journey, you should have a comprehensive understanding of how Proxies can be used to solve various problems and optimize your applications.

Securing Node.js Applications with JWT and Passport.js

By Ekekenta Clinton   7,086 May 2, 2023

JSON Web Tokens (JWT) is a compact and self-contained technique for securely transferring data between parties as a JSON object is defined by the open standard. They are useful for authorization and authentication. They are useful for authorization and authentication.

Anime.js to MP4 and GIF with Node.js and FFMPEG

By Javed Baloch   7,480 Apr 25, 2023

While canvas animation is often considered the simpler approach for exporting animations to video and GIF formats, it can also limit the range of animations that can be created. Although complex and advanced animations are a possibility, it can quickly become a memory-intensive operation, especially when exporting to popular animation formats.

Swarm Intelligence: Intensities

By Nikita Bragin   468 Apr 23, 2023

Last time, I implemented an organism that selected the maximum intensity around it and moved on. By intensity, I mean a circular gradient; the organism's task is to reach the maximum point in the shortest way possible. There was only one center of intensity, and consequently, there was only one path of upward movement along the increasing gradient.

Exploring the Power of JavaScript Proxies and Reflect API

By Umoren Samuel   7,145 Apr 22, 2023

Over the past four years, I've gained extensive experience building products with Expressjs, Vue.js and React. As I delved deeper into these frameworks, I uncovered fascinating implementation details hidden beneath the surface. For instance, Vue 3's reactivity system relies on Proxies instead of Object.defineProperty() used in Vue 2, while React employs Proxies in implementing the Virtual DOM.

Handling HEIC Images in Angular: A Comprehensive Tutorial

By Mohan s   698 Apr 20, 2023

The High-Efficiency Image Container (HEIC) is an image format based on the High-Efficiency Video Codec (HEVC). It was introduced by Apple in iOS 11 and macOS High Sierra as a more efficient alternative to the widely used JPEG format. HEIC images offer better compression and higher image quality than JPEG images, resulting in smaller file sizes without sacrificing image quality.