GyaanSetu JavaScript

The JavaScript and TypeScript ecosystem.

115 articlesDeep, practical knowledge

اے آئی نے ٹائپ اسکرپٹ کی جنگ جیت لی

اے آئی نے ٹائپ اسکرپٹ کی جنگ جیت لی۔ بحث ختم ہو چکی ہے۔ ٹائپ اسکرپٹ بہتر دلائل کی وجہ سے نہیں جیتا، بلکہ یہ اس لیے جیتا کیونکہ اے آئی ٹولز نے اس بحث کو غیر متعلقہ بنا دیا۔ محققین نے ایک اہم پیٹرن...

JavaScript · 2 min read

DOM CRUD آپریشنز

DOM CRUD آپریشنز: ڈاکومنٹ آبجیکٹ ماڈل (DOM) وہ طریقہ ہے جس کے ذریعے براؤزرز HTML کو ظاہر کرتے ہیں۔ یہ ہر ایلیمنٹ، ایٹریبیوٹ اور ٹیکسٹ کے ٹکڑے کو ایک آبجیکٹ میں تبدیل کر دیتا ہے۔ جاوا اسکرپٹ ان آبجیکٹس کا استعمال کرتا ہے...

JavaScript · 2 min read

How To Set Up React Context

How To Set Up React Context Prop drilling ruins your code. You pass data through five layers of components that do not need it. React Context fixes this. However, most setups crea…

JavaScript · 2 min read

لنکس کے چھوٹ جانے کے بغیر ای میل تبدیلی کے عمل کا تجربہ کریں

لنکس کے چھوٹ جانے کے بغیر ای میل تبدیلی کے عمل کا تجربہ کریں۔ اکاؤنٹ کی ای میل تبدیل کرنا ایک معمولی کام لگتا ہے۔ یہ QA ٹیموں کے لیے ایک عام پھندا ہے۔ ایک ٹیسٹر ایڈریس اپ ڈیٹ کرتا ہے۔ دوسرا شخص ای میل کھولتا ہے...

JavaScript · 2 min read

ویب پرفارمنس کا 3 سیکنڈ کا اصول

ویب پرفارمنس کا 3 سیکنڈ کا اصول۔ آپ کے پاس صرف تین سیکنڈ ہیں۔ اس کے بعد، آپ کے صارفین چلے جاتے ہیں۔ گوگل کی تحقیق سے پتہ چلتا ہے کہ اگر کسی سائٹ کو لوڈ ہونے میں 3 سیکنڈ سے زیادہ وقت لگے تو 53% موبائل صارفین اسے چھوڑ دیتے ہیں...

JavaScript · 2 min read

React Refs اور useRef Hook کا استعمال

React Refs اور useRef Hook کا استعمال: React ایک ڈیکلیریٹیو (declarative) طریقہ کار استعمال کرتا ہے۔ آپ اسٹیٹ (state) کو اپ ڈیٹ کرتے ہیں، اور React UI کو اپ ڈیٹ کرتا ہے۔ یہ زیادہ تر کاموں کے لیے ٹھیک کام کرتا ہے، لیکن کبھی کبھی آپ کو اس سے باہر نکلنے کی ضرورت ہوتی ہے...

JavaScript · 2 min read

React میں بطور Key انڈیکس (Index) کا استعمال کیوں ایک برا خیال ہے؟

React میں بطور Key انڈیکس (Index) کا استعمال کیوں ایک برا خیال ہے؟ آپ React میں ایک ڈائنامک لسٹ بناتے ہیں۔ آپ ایک آئٹم ڈیلیٹ کرتے ہیں۔ اچانک، کسی دوسرے آئٹم کی UI اسٹیٹ تبدیل ہو جاتی ہے۔ یا، آپ ایک لسٹ کو ترتیب (sort) دیتے ہیں اور...

JavaScript · 2 min read

سبسکرپشن کے بغیر لائیو ویب سائٹ وزٹرز پر نظر رکھیں

سبسکرپشن کے بغیر لائیو ویب سائٹ وزٹرز پر نظر رکھیں، ایک کلائنٹ چاہتا تھا کہ وہ ریئل ٹائم میں دیکھ سکے کہ ان کی ویب سائٹ پر کون موجود ہے۔ انہیں Tidio ویجیٹ پسند آیا لیکن وہ سبسکرپشن کے لیے ادائیگی نہیں کرنا چاہتے تھے...

JavaScript · 2 min read

آپ کو React Key Prop کی ضرورت کیوں ہے

آپ کو React Key Prop کی ضرورت کیوں ہے؟ آپ کو اپنے کنسول میں یہ ایرر نظر آتا ہے: "Each child in a list should have a unique 'key' prop." بہت سے ڈویلپرز اسے نظر انداز کر دیتے ہیں۔ یہ ایک غلطی ہے۔ یہ وارننگ...

JavaScript · 2 min read

میرا کوڈنگ ایجنٹ سیشنز یاد رکھتا تھا، کام نہیں۔

میرا کوڈنگ ایجنٹ سیشنز یاد رکھتا تھا، کام نہیں۔ ایک کوڈنگ ایجنٹ ایک تھریڈ کو زندہ رکھ سکتا ہے لیکن پھر بھی بھولنے والا محسوس ہو سکتا ہے۔ مجھے CliGate بناتے وقت اس مسئلے کا سامنا کرنا پڑا۔ میں نے سیشن کے تسلسل کو ٹھیک کر دیا...

JavaScript · 2 min read

React Lists اور Keys میں مہارت حاصل کریں

React Lists اور Keys میں مہارت حاصل کریں۔ React میں لسٹوں کو رینڈر کرنا آسان ہے، لیکن اسے صحیح طریقے سے کرنا مشکل ہے۔ بہت سے ڈویلپرز ایرے انڈیکس کو بطور کی (key) استعمال کرتے ہیں۔ یہ ایک غلطی ہے جو بگ (bugs) اور...

JavaScript · 2 min read

TypeScript: `using` کی ورڈ اور وسائل کا واضح انتظام

TypeScript: `using` کی ورڈ اور وسائل کا واضح انتظام۔ پروڈکشن میں میموری لیکس اکثر ایک ہی غلطی کی وجہ سے ہوتے ہیں: ڈویلپرز وسائل حاصل تو کر لیتے ہیں لیکن انہیں ریلیز کرنے میں ناکام رہتے ہیں۔ ڈیٹا بیس کنیکٹ...

JavaScript · 2 min read

ان باکس کی افراتفری کے بغیر پاس ورڈ کے بغیر لاگ ان کو ٹیسٹ کریں

ان باکس کی افراتفری کے بغیر پاس ورڈ کے بغیر لاگ ان کو ٹیسٹ کریں۔ ڈیمو میں پاس ورڈ کے بغیر لاگ ان آسان لگتا ہے۔ صارف ای میل درج کرتا ہے۔ ایک میجک لنک موصول ہوتا ہے۔ سیشن شروع ہو جاتا ہے۔ اسٹیجنگ میں، یہ عمل م...

JavaScript · 2 min read

Node.js ہزاروں درخواستوں کو کیسے سنبھالتا ہے

Node.js ہزاروں درخواستوں کو کیسے سنبھالتا ہے؟ لوگ کہتے ہیں کہ Node.js سنگل تھریڈڈ ہے، لیکن اس کے باوجود یہ بغیر رکے ہزاروں درخواستوں کو سنبھالتا ہے، فائلیں پڑھتا ہے اور API کالز کرتا ہے۔ یہ کیسے...

JavaScript · 2 min read

ہر npm انسٹالیشن کی پوشیدہ لاگت

ہر npm انسٹالیشن کی پوشیدہ لاگت۔ ہم نے JavaScript کو ٹھیک کرنے کے لیے لائبریریاں ڈاؤن لوڈ کرنے میں دس سال گزارے۔ ہم نے تاریخوں کے لیے moment.js کا استعمال کیا۔ ہم نے utilities کے لیے lodash کا استعمال کیا۔ ہم نے ... کے لیے node fetch کا استعمال کیا۔

JavaScript · 2 min read

خوراک کی پیداوار میں UV ایئر ری سرکولٹرز کے استعمال کے دوران ہونے والی غلطیاں

خوراک کی پیداوار میں UV ایئر ری سرکولٹرز کے استعمال کے دوران ہونے والی غلطیاں۔ خوراک کی پیداوار میں ہوا کی صفائی انتہائی اہم ہے۔ پیکجنگ کے علاقے خاص طور پر حساس ہوتے ہیں۔ ہوا میں موجود جراثیم مصنوعات کو خراب کر سکتے ہیں...

JavaScript · 2 min read

ایک انٹرایکٹو ایپ گائیڈ بنانا

ایک انٹرایکٹو ایپ گائیڈ بنانا۔ سپورٹ ٹیموں کو اکثر ان ایپس کے ساتھ مشکلات کا سامنا کرنا پڑتا ہے جو انہوں نے کبھی انسٹال نہیں کیں۔ اسکرین شاٹس کے ساتھ ایک پی ڈی ایف (PDF) ایک معیاری حل ہے۔ زیادہ تر لوگ پی ڈی ایف نہیں پڑھتے۔۔۔

JavaScript · 2 min read

غیر مرئی فرنٹ اینڈ: وہ چھوٹے فیصلے جو ایک پروڈکٹ کو بچاتے ہیں

غیر مرئی فرنٹ اینڈ: وہ چھوٹے فیصلے جو ایک پروڈکٹ کو بچاتے ہیں؛ بہترین فرنٹ اینڈ کام کبھی ڈیمو میں ظاہر نہیں ہوتا۔ وہ کام جس کی میں سب سے زیادہ قدر کرتا ہوں، غیر مرئی ہوتا ہے۔ کوئی اس کے اسکرین شاٹس نہیں لیتا۔ لیکن۔۔۔

JavaScript · 2 min read

میں نے کسی بھی مشین کو ہاتھ لگائے بغیر تمام برانچز کو کیسے اپ ڈیٹ کیا

میں نے کسی بھی مشین کو ہاتھ لگائے بغیر تمام برانچز کو کیسے اپ ڈیٹ کیا؛ میں نے Electron کا استعمال کرتے ہوئے ایک انٹرنل ڈیسک ٹاپ ٹول بنایا۔ یہ بہت سے برانچ دفاتر کی مشینوں پر چلتا ہے۔ ان دفاتر میں مختلف...

JavaScript · 2 min read

React کارکردگی کو بہتر بنانے کے لیے چیک لسٹ

React کارکردگی کو بہتر بنانے کے لیے چیک لسٹ۔ سست ایپلی کیشنز کاروبار کو نقصان پہنچاتی ہیں۔ یہ بائونس ریٹ (bounce rate) میں اضافے کا باعث بنتی ہیں اور صارفین کو مایوس کرتی ہیں۔ یہ آپ کے انفراسٹرکچر کے اخراجات کو بھی بڑھاتی ہیں۔ آپ...

JavaScript · 2 min read

ری ایکٹ سیکھنے کا پانچواں دن: بیچنگ اور فنکشنل اپڈیٹس

ری ایکٹ سیکھنے کا پانچواں دن: بیچنگ اور فنکشنل اپڈیٹس۔ مجھے لگا تھا کہ اسٹیٹ سیٹر کو کئی بار کال کرنے سے بار بار رینڈرنگ ہوتی ہے۔ لیکن میں غلط تھا۔ ری ایکٹ اس سے کہیں زیادہ ہوشیار ہے۔ یہ استعمال کرتا ہے...

JavaScript · 2 min read

آپ کا کنسول آپ سے جھوٹ بول رہا ہے

آپ کا کنسول آپ سے جھوٹ بول رہا ہے۔ ڈی بگنگ کے دوران آپ کے براؤزر کے DevTools آپ کو گمراہ کر سکتے ہیں۔ یہ خراب نہیں ہے۔ اسے رفتار کے لیے بہتر بنایا گیا ہے، نہ کہ مکمل درستگی کے لیے۔ یہاں وجہ بتائی گئی ہے کہ آپ کیوں نہیں کر سکتے۔۔۔

JavaScript · 2 min read