The JavaScript and TypeScript ecosystem.
A Width Check Said the String Was Safe to Cut. It Split a Kanji in Half. A name entered a terminal table and came out broken. The surname was 𠮷田. The first character is not the c…
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…
لنکس کے چھوٹ جانے کے بغیر ای میل تبدیلی کے عمل کا تجربہ کریں۔ اکاؤنٹ کی ای میل تبدیل کرنا ایک معمولی کام لگتا ہے۔ یہ QA ٹیموں کے لیے ایک عام پھندا ہے۔ ایک ٹیسٹر ایڈریس اپ ڈیٹ کرتا ہے۔ دوسرا شخص ای میل کھولتا ہے...
ویب پرفارمنس کا 3 سیکنڈ کا اصول۔ آپ کے پاس صرف تین سیکنڈ ہیں۔ اس کے بعد، آپ کے صارفین چلے جاتے ہیں۔ گوگل کی تحقیق سے پتہ چلتا ہے کہ اگر کسی سائٹ کو لوڈ ہونے میں 3 سیکنڈ سے زیادہ وقت لگے تو 53% موبائل صارفین اسے چھوڑ دیتے ہیں...
React Refs اور useRef Hook کا استعمال: React ایک ڈیکلیریٹیو (declarative) طریقہ کار استعمال کرتا ہے۔ آپ اسٹیٹ (state) کو اپ ڈیٹ کرتے ہیں، اور React UI کو اپ ڈیٹ کرتا ہے۔ یہ زیادہ تر کاموں کے لیے ٹھیک کام کرتا ہے، لیکن کبھی کبھی آپ کو اس سے باہر نکلنے کی ضرورت ہوتی ہے...
React میں بطور Key انڈیکس (Index) کا استعمال کیوں ایک برا خیال ہے؟ آپ React میں ایک ڈائنامک لسٹ بناتے ہیں۔ آپ ایک آئٹم ڈیلیٹ کرتے ہیں۔ اچانک، کسی دوسرے آئٹم کی UI اسٹیٹ تبدیل ہو جاتی ہے۔ یا، آپ ایک لسٹ کو ترتیب (sort) دیتے ہیں اور...
سبسکرپشن کے بغیر لائیو ویب سائٹ وزٹرز پر نظر رکھیں، ایک کلائنٹ چاہتا تھا کہ وہ ریئل ٹائم میں دیکھ سکے کہ ان کی ویب سائٹ پر کون موجود ہے۔ انہیں Tidio ویجیٹ پسند آیا لیکن وہ سبسکرپشن کے لیے ادائیگی نہیں کرنا چاہتے تھے...
آپ کو React Key Prop کی ضرورت کیوں ہے؟ آپ کو اپنے کنسول میں یہ ایرر نظر آتا ہے: "Each child in a list should have a unique 'key' prop." بہت سے ڈویلپرز اسے نظر انداز کر دیتے ہیں۔ یہ ایک غلطی ہے۔ یہ وارننگ...
میرا کوڈنگ ایجنٹ سیشنز یاد رکھتا تھا، کام نہیں۔ ایک کوڈنگ ایجنٹ ایک تھریڈ کو زندہ رکھ سکتا ہے لیکن پھر بھی بھولنے والا محسوس ہو سکتا ہے۔ مجھے CliGate بناتے وقت اس مسئلے کا سامنا کرنا پڑا۔ میں نے سیشن کے تسلسل کو ٹھیک کر دیا...
TypeScript: `using` کی ورڈ اور وسائل کا واضح انتظام۔ پروڈکشن میں میموری لیکس اکثر ایک ہی غلطی کی وجہ سے ہوتے ہیں: ڈویلپرز وسائل حاصل تو کر لیتے ہیں لیکن انہیں ریلیز کرنے میں ناکام رہتے ہیں۔ ڈیٹا بیس کنیکٹ...
میں نے کسی بھی مشین کو ہاتھ لگائے بغیر تمام برانچز کو کیسے اپ ڈیٹ کیا؛ میں نے Electron کا استعمال کرتے ہوئے ایک انٹرنل ڈیسک ٹاپ ٹول بنایا۔ یہ بہت سے برانچ دفاتر کی مشینوں پر چلتا ہے۔ ان دفاتر میں مختلف...
ری ایکٹ سیکھنے کا پانچواں دن: بیچنگ اور فنکشنل اپڈیٹس۔ مجھے لگا تھا کہ اسٹیٹ سیٹر کو کئی بار کال کرنے سے بار بار رینڈرنگ ہوتی ہے۔ لیکن میں غلط تھا۔ ری ایکٹ اس سے کہیں زیادہ ہوشیار ہے۔ یہ استعمال کرتا ہے...
میرے بیک اپ نے تمام تصاویر کھو دیں۔ میں نے ایک آف لائن موڈ ٹریکر کے لیے بیک اپ بٹن بنایا تھا۔ یہ ڈیٹا کو JSON فائل میں ایکسپورٹ کرتا تھا۔ صارفین اسے محفوظ کر سکتے تھے اور نئے فون میں منتقل کر سکتے تھے۔ یہ بالکل مکمل معلوم ہوتا تھا۔۔۔
Why Your Vibe Coded Website Will Never Rank A founder showed me a website last month. It looked great. It had clean animations and sharp copy. He built it in one afternoon using A…
فائر بیس پر کسٹم ای کامرس: میں نے بالکل شروع سے ایک کسٹم ای کامرس سائٹ بنائی۔ میں نے پہلے سے موجود پلیٹ فارمز کا استعمال نہیں کیا بلکہ فائر بیس ریئل ٹائم ڈیٹا بیس اور نیٹلی فائی کا استعمال کیا۔ مقصد یہ تھا کہ۔۔۔
دو PWAs کے درمیان سائن شدہ ٹوکن: بغیر بیک اینڈ کے HMAC SHA256۔ آپ کو ایک PWA سے دوسرے PWA تک صارف کی شناخت منتقل کرنے کی ضرورت ہے۔ دونوں ایپس الگ الگ Firebase پروجیکٹس پر چلتی ہیں۔ وہ کوئی ڈیٹا شیئر نہیں کرتے۔۔۔
جاوا اسکرپٹ کے ذریعے اپنا پہلا ڈسکارڈ بوٹ بنائیں۔ آپ ایک ڈسکارڈ بوٹ بنانا چاہتے ہیں۔ شاید آپ نے بوٹس کو موسیقی چلاتے ہوئے یا پولز کرتے ہوئے دیکھا ہو اور آپ سوچتے ہوں کہ وہ کیسے کام کرتے ہیں۔ اس سیریز کے اختتام تک۔۔۔
میں 7 سال بعد دوبارہ جاوا اسکرپٹ کی طرف کیوں آیا۔ میں 7 سالہ تجربہ رکھنے والا ایک UI ڈویلپر ہوں۔ میں HTML اور CSS جانتا ہوں۔ میں Figma ڈیزائنز کو کوڈ میں تبدیل کر سکتا ہوں۔ لیکن میں نے کبھی ایک حقیقی ڈی...
آپ لنکڈ لسٹس (Linked Lists) استعمال نہیں کرتے، لیکن وہ آپ کے آدھے سافٹ ویئر چلا رہے ہیں۔ غالباً آپ کسی پروڈکشن جاوا اسکرپٹ (JavaScript) پروجیکٹ میں کبھی لنکڈ لسٹ نہیں لکھیں گے۔ آپ کی زبان میں موجود ایریز (arrays) ہا...
جب ری ایکٹ ری رینڈر کہتا ہے، تو اس کے تین مطلب ہوتے ہیں۔ جب آپ setState کال کرتے ہیں، تو ری ایکٹ صرف DOM کو اپ ڈیٹ نہیں کرتا، بلکہ یہ ایک ترتیب کے ساتھ تین الگ الگ مراحل سے گزرتا ہے۔ زیادہ تر ڈویلپرز اس میں الجھن کا شکار ہو جاتے ہیں...
100 دن، 87 ٹولز، صفر سرورز۔ میں نے ToolKnit بنانے میں 100 دن صرف کیے۔ یہ 87 براؤزر پر مبنی ٹولز کا ایک مجموعہ ہے۔ زیادہ تر ٹول سائٹس اس طرح کام کرتی ہیں: آپ ایک فائل اپ لوڈ کرتے ہیں۔ ایک سرور اسے پروسیس کرتا ہے...
میں نے ایک تکنیکی عہدے کے لیے 5 امیدواروں کا انٹرویو لیا۔ میں نے گزشتہ ہفتے فرنٹ اینڈ کے کردار کے لیے پانچ امیدواروں کا انٹرویو لیا۔ ان کا پس منظر اور مہارتیں مختلف تھیں۔ دن کے اختتام تک۔۔۔
React نے اپنی اصل پہچان کھو دی ہے اور Vercel اس کی کھال پہن رہا ہے۔ React کمیونٹی اس پروجیکٹ کی مالک ہوا کرتی تھی۔ اب ایسا محسوس ہوتا ہے جیسے کوئی ہوسٹنگ کمپنی اسے چلا رہی ہے۔ یہ تبدیلی آہستہ آہستہ آئی۔ پھر یہ۔۔۔
25 JSON غلطیاں جو ہر ڈویلپر کرتا ہے۔ JSON ویب کمیونیکیشن کی ریڑھ کی ہڈی ہے۔ یہ ہلکا پھلکا اور پڑھنے میں آسان ہے۔ تاہم، اس کے اصول سخت ہیں۔ چھوٹی غلطیاں آپ کے کوڈ کو خراب کر دیتی ہیں۔۔۔
