Javascript Tips

As an experienced developer who has been using Vue2 for an extended period of time. I have primarily relied on “webpack” for my Vue application needs. Though not necessarily an expert in the intricacies of build processes, I am comfortable with configuring and utilizing them in my work. Two years…

Welcome, fellow web developers, to my blog post on the 10 Common JavaScript Mistakes and How to Avoid Them! 🌟 As a passionate front-end web developer based in beautiful Montana, I’ve had my fair share of encounters with these pesky bugs and errors that can make our coding lives a…

Imagine you’re a JavaScript magician, wielding a powerful wand called “anonymous functions.” These magical functions don’t have names, yet they possess incredible capabilities. In this enchanting article, we’ll embark on a journey through 15 captivating JavaScript code snippets that showcase the hidden powers of these anonymous functions. From casting spells…

Over the past 15 years, changing an element in an array was an uncomplicated process in JavaScript. However, achieving the same effect immutably without modifying the original array was less straightforward and resulted in relatively messy code. This is why the introduction of four new array methods in JavaScript is…

The Observer Pattern is a widely-used design pattern in software development, especially in the realm of JavaScript. This pattern helps manage dependencies between objects by establishing a one-to-many relationship between a subject and its observers. When the subject’s state changes, it automatically notifies all observers, allowing them to react accordingly. …

Maximize your JavaScript knowledge — 1. Intl Object You can format numbers, dates, and currencies according to the different locales and options using the Intl object. Intl object comes with a variety of properties that helps to format data quickly and seamlessly. Here is an example of Formatting currency: let num = 100; let RupeeFormatter = new Intl.NumberFormat("en-IN", {style…

1. useEffect does not specify dependencies The dependency parameter is missing. useEffect(() => { console.log('no deps=====') // code... }); Every time the page is re-rendered, the useEffect will be executed, causing serious performance problems. For example, in our project, this useEffect internally executes the content in the first point: a scroll event callback is bound every…

JavaScript is a versatile programming language that allows developers to create dynamic web applications. One of the key features of JavaScript is its ability to work with objects and functions. …

In this article, we will explore a set of new array methods that offer a fresh approach to achieving immutability. The methods under discussion are with, toSorted, toReversed, and toSpliced. Immutability ensures that the original array remains unchanged, and modifications are made on a new copy. While there were existing…