“یاورها” چیست؟
Helpers اینها توابعی هستند که اغلب در بخش‌های مختلف برنامه استفاده می‌شوند و برای تسهیل نگهداری و خوانایی کد باید انتزاع شوند.
مثال عملی!
معمولاً در تجارت الکترونیک، چندین مورد وجود دارد
مکان های برنامه ای که نیاز به ارائه قیمت در قالب قیمت دارند،
زیرا در APIها معمولاً در قالب مورد نظر برای رندر در قسمت جلویی به ما ارائه نمی شود.
نمونه ای از یک تماس API.
{
"id" : 2,
"name" : "Café Espressso",
"price" : 7.00,
"whishlist" : true,
}
ایجاد یک کمک کننده
برای ایجاد یک Helper فقط یک پوشه و یک فایل در داخل پوشه ایجاد کنید
نام منسجم عملکردی که Helper شما انجام خواهد داد
نمونه ای از ساختار پوشه
برای اینکه Helper خود را در معرض نمایش بگذاریم، فقط از دستور export روی ثابت یا متد استفاده کنید
export const currency = (value: number) => {
return new Intl.NumberFormat('pt-BR', {
style: 'currency',
currency: 'BRL',
}).format(value);
}
استفاده از Helper
برای استفاده از Helper، فقط آن را وارد کنید و در صورت نیاز از آن استفاده کنید.
مهم است که همیشه به یاد داشته باشید که از Helper برای جلوگیری از تکرار کد و تسهیل نگهداری استفاده کنید.
نمونه کد
import { currency } from "../../helper/currency";
در حال حاضر هر زمان که شما نیاز به تبدیل یک عدد به قیمت (ارز) فقط
متد را وارد کرده و فراخوانی کنید و مقدار را به عنوان پارامتر ارسال کنید.
نمونه کد
const valor = 0.00
currency(valor) //r$0,00
مهم
این Helper برای مثال قیمت بود، اما برنامه شما باید داشته باشد
یاوران دیگر برای درخواست های مختلف.
هدف این است که چگونه می توانید از کمک کننده استفاده کنید و به شما در برنامه ریزی کمک کند
به روشی سازمان یافته تر
آیا از محتوا خوشتان آمد؟
بازخورد را با همکاران خود به اشتراک بگذارید.
github: @rogeriorioli
اینستاگرام: @oriolidev
