Hey reader👋 Hope you are doing well😊 In the last post we have seen about this keyword in JavaScript. In this post we are going to know about Inheritance in JavaScript, we are going ...Read more
Querify Question Shop: Explore Expert Solutions and Unique Q&A Merchandise Latest Questions
Yarn 4 introduces several advancements and features that enhance the developer experience. It requires Node.js 18+ and has made significant changes like not enabling Zero-Install by default and using Corepack over yarnPath. We can use yarn ...Read more
We recently analyzed the bundle size of our frontend application and noticed the Lodash package was taking up a significant amount of space. Lodash offers many useful utilities for common tasks like filtering, sorting, mapping and manipulating data. However, importing the entire library increases bundle size considerably. We decided to optimize our usage of Lodash to reduce this bundle size. Upon inspection, we found we were importing the whole library using imports like const lodash = require('lodash'); and const _ = require('lodash'); While convenient, this brings in all of Lodash's functions regardless of what we actually use. A better approach is to import only the specific functions needed. For example, using const merge = require('lodash/merge'); and const cloneDeep = require('lodash/cloneDeep'); We import just those individual methods rather than the entire library. This avoids unnecessary code and reduces bundle size. We also noticed imports like const { get } = require('lodash'); that destructure the get function. However, this still imports the whole Lodash library first before extracting the function. For even better optimization, we can import directly from the sub-module like const get ...Read more
Okay! So before starting we’ll make a promise to each other 😅 My Promise: I’ll try to explain Javascript Promises, in the best way possible! Your Promise: Read the complete blog! 😃 For ...Read more
This is a submission for the Netlify Dynamic Site Challenge: Visual Feast. What I Built Built a Vue JS Dynamic Quiz App. ...Read more
A “Synthwave” style sun masked onto an animated noise grid 🤖All built with SVG for this months #viewBoxChallenge!
Introduction Asynchronous programming is a fundamental aspect of modern web development. With the introduction of ECMAScript 6 (ES6), JavaScript gained powerful tools for handling ...Read more
Introduction Creating a modern React library requires careful consideration of build tools, development experience, and output optimization. This guide will walk you through building ...Read more
ES6 (ECMAScript 6), also known as ECMAScript 2015, marked a significant leap forward for JavaScript, introducing a plethora of features to enhance code readability, maintainability, and efficiency. Subsequent versions have continued to build upon this ...Read more
Automated UI testing has long been a staple in ensuring that web applications meet design and functionality standards. Traditional methods, such as using Selenium, involve interacting with the UI through specific code tied to the ...Read more