ADVERTISEMENTS

न्यूनतम बंडल आकार के लिए अपने जावास्क्रिप्ट प्रोजेक्ट्स में लोडाश आयात करने का सबसे अच्छा तरीका

अरे, दोस्तों आज मैं आपको सिखाऊंगा कि कैसे लोदश को अपने जावास्क्रिप्ट प्रोजेक्ट्स में लोडाश आयात में सबसे कम बंडल साइज के लिए बहुत ही आसान चरणों में आयात करें। तो चलिए आज के कोड स्निपेट्स के साथ शुरुआत करते हैं। अलग-अलग समस्याओं को प्राप्त करना पूरी तरह से एक बहुत ही अलग अनुभव देता है। आज मैं आपके साथ जो गाइड साझा करने जा रहा हूं वह यह है कि लोडाश को अपने जावास्क्रिप्ट प्रोजेक्ट्स में कैसे आयात करें।

ADVERTISEMENTS

पूरी लाइब्रेरी को लाए बिना अपने वेब जावास्क्रिप्ट प्रोजेक्ट में प्रसिद्ध लॉश लाइब्रेरी के स्पष्ट तत्वों को सटीक रूप से शामिल करने का सबसे प्रभावी तरीका।

लोडाश एक बहुत प्रसिद्ध जावास्क्रिप्ट लाइब्रेरी है जो आपके वेब प्रोजेक्ट्स में स्ट्रिंग्स, क्लस्टर्स और आइटम्स के साथ काम करने के लिए बहुत उपयोगी क्षमता प्रदान करती है।

ADVERTISEMENTS

यह भी पढ़ें: Best way to Import Lodash in your JavaScript Projects for Lowest Bundle Size

लोडाश क्षमताओं का एक हिस्सा वर्तमान में वर्तमान में जावास्क्रिप्ट में स्थानीय रूप से बरकरार है, हालांकि, पुस्तकालय वास्तव में मूल्य जोड़ता है और आपका समय बचाता है।

For instance, if you want to generate a random number between 1 and 10, the _.random(1, 10) function is a great way to do it, similar to the RANDBETWEEN function of Google Sheets. The _.shuffle() function can help you quickly shuffle an array of values.

ADVERTISEMENTS

The Correct Way to Include Lodash

इस घटना में कि आपके जावास्क्रिप्ट प्रोजेक्ट को लोडाश की आवश्यकता है, आप अपने कोड के लिए लाइब्रेरी को 4 अलग-अलग तरीकों से याद रख सकते हैं।

1. Import the entire lodash library

import _ from "lodash";

const capitalizeFirstName = (name) => {
  const result = _.capitalize(name);
  console.log(response);
};

2. Import using named aliases

import { capitalize } from "lodash";

const capitalizeFirstName = (name) => {
  const result = capitalize(name);
  console.log(response);
};

3. Import specific methods by path

import capitalize from "lodash/capitalize";

const capitalizeFirstName = (name) => {
  const result = capitalize(name);
  console.log(response);
};

4. Use per-method lodash packages

import capitalize from "lodash.capitalize";

const capitalizeFirstName = (name) => {
  const result = capitalize(name);
  console.log(response);
};

कौन सी तकनीक लाने से समूह का आकार न्यूनतम हो सकता है?

विकल्प # 1 आपके परिणाम समूह में संपूर्ण लॉश लाइब्रेरी को शामिल करेगा और इसका सुझाव नहीं दिया गया है। अगला निर्णय भी पूर्ण पुस्तकालय आयात करेगा और इसे दूर रखा जाना चाहिए।

ADVERTISEMENTS

प्रति-रणनीति लॉनाश बंडलों में लाने की #4 तकनीक सबसे न्यूनतम समूह आकार लाएगी, फिर भी यह सुझाव नहीं दिया गया है क्योंकि इस पद्धति की बाद में लॉश के वेरिएंट पर निंदा की जाएगी।

कार्यप्रणाली #3 का सुझाव दिया गया है क्योंकि यह केवल आपके इच्छित विशेष लोदाश रणनीतियों को आयात करेगा और समूह के आकार को भी कम करेगा।

Bonus Tip: Memoization with Lodash

लोडाश लाइब्रेरी में एक मेमोइज़ेशन विधि शामिल है जिसे _.memoize() कहा जाता है जो महंगी क्षमताओं को आरक्षित करने के लिए मूल्यवान है।

ADVERTISEMENTS
import memoize from "lodoash/memoize";

const expensiveFunction = (input) => {
  return input * input;
};

const memoizedFunction = memoize(expensiveFunction);

console.log(memoizedFunction(5)); // Calculates the square of 5
console.log(memoizedFunction(5)); // Returns the cached value

हालांकि लोडाश के साथ संस्मरण की एक बड़ी सीमा है – यह केवल कैश कुंजी के रूप में फ़ंक्शन के पहले पैरामीटर का उपयोग करेगा और बाकी को अनदेखा कर देगा। मुझे समझाने दो।

const add = (a, b) => {
  return a + b;
};

const memoizedAdd = _.memoize(add);
console.log(memoizedAdd(1, 2)); // Calculates the sum of 1 and 2 and caches the result
console.log(memoizedAdd(1, 3)); // Returns the cached value which is 3 (incorrect)

जैसा कि आपने देखा होगा, फ़ंक्शन के दूसरे पैरामीटर को अनदेखा कर दिया जाता है और इस प्रकार परिणाम गलत होता है क्योंकि यह पहले पैरामीटर के आधार पर कैश्ड मान लौटाता है।

Memoization with Multiple Parameters

इस समस्या को ठीक करने के लिए, आप एक वैकल्पिक संस्मरण पुस्तकालय का उपयोग कर सकते हैं जैसे कि फास्ट-मेमोइज़ या आप मेमोइज़ेशन तकनीक में एक रिज़ॉल्वर क्षमता जोड़ सकते हैं जैसा कि नीचे दिखाया गया है।

ADVERTISEMENTS
const multiply = (a, b) => {
  return a * b;
};

const resolver = (...args) => {
  return JSON.stringify(args);
};

const memoizedMultiply = _.memoize(multiply, resolver);

console.log(memoizedMultiply(1, 2)); // Calculates the product of 1 and 2 and caches the result
console.log(memoizedMultiply(1, 3)); // Calculates the product of 1 and 3 and caches the result
console.log(memoizedMultiply(1, 2)); // Returns the cached value

आप टिप्पणी क्षेत्र में विचार निकाल सकते हैं। मैं सबसे अधिक संभावना उनके बारे में सोचूंगा। मुझे विश्वास है कि आप उन्हें पसंद करते हैं, हालांकि हम उन्हें आपको भेंट देना पसंद करते हैं। आपका दिन शुभ हो!

MOST SHARED

LEAVE A REPLY

Please enter your comment!
Please enter your name here

ADVERTISEMENTS

Amazon Kindle Scribe vs Kindle Paperwhite (updated 2022)

Amazon Kindle Scribe vs Kindle Paperwhite (2022): What else is new with the next-generation e-reader? Amazon is expanding the Kindle's capabilities beyond reading. The Kindle...
ADVERTISEMENTS

Most Popular