الذكاء الاصطناعي يحسم حرب TypeScript
الذكاء الاصطناعي يحسم حرب TypeScript. لقد انتهى الجدل؛ لم يفز TypeScript بسبب قوة الحجج، بل لأن أدوات الذكاء الاصطناعي جعلت الجدل غير ذي صلة. وجد الباحثون نمطًا رئيسيًا...
GyaanSetu JavaScript
The JavaScript and TypeScript ecosystem.
فحص العرض أكد أن السلسلة آمنة للقص، لكنه شطر حرف كانجي إلى نصفين.
فحص العرض أكد أن السلسلة آمنة للقص، لكنه شطر حرف كانجي إلى نصفين. دخل اسم في جدول وخرج مكسوراً. كان اللقب هو 𠮷田. الحرف الأول ليس الـ...
عمليات CRUD في DOM
عمليات CRUD في DOM. نموذج كائن المستند (DOM) هو الطريقة التي تمثل بها المتصفحات لغة HTML، حيث يقوم بتحويل كل عنصر، وسم، ونص إلى كائن. وتستخدم لغة JavaScript هذه الكائنات...
كيفية إعداد React Context
كيفية إعداد React Context. تؤدي مشكلة Prop drilling إلى إفساد الكود الخاص بك، حيث تقوم بتمرير البيانات عبر خمس طبقات من المكونات التي لا تحتاج إليها. يقوم React Context بحل هذه المشكلة، ومع ذلك، فإن معظم الإعدادات تنشئ...
اختبار رسائل ملخصات Nodejs بدون ضجيج في صندوق الوارد
اختبار رسائل ملخصات Nodejs بدون ضجيج في صندوق الوارد. تسبب رسائل الملخصات مشاكل عندما ترسل بيئات المعاينة ملخصات إلى صندوق بريد مشترك واحد، مما يجعلك تفقد القدرة على تتبع الرسالة التي تنتمي إلى...
اختبار عمليات تغيير البريد الإلكتروني دون تفويت الروابط
اختبار عمليات تغيير البريد الإلكتروني دون تفويت الروابط. يبدو تغيير البريد الإلكتروني للحساب أمراً بسيطاً، لكنه فخ شائع لفرق ضمان الجودة (QA). يقوم أحد المختبرين بتحديث العنوان، بينما يقوم شخص آخر بفتح البريد الإلكتروني...
قاعدة الثلاث ثوانٍ لأداء الويب
قاعدة الثلاث ثوانٍ لأداء الويب. لديك ثلاث ثوانٍ فقط، وبعد ذلك سيغادر المستخدمون. تُظهر أبحاث Google أن 53% من مستخدمي الهاتف المحمول يغادرون الموقع إذا استغرق التحميل أكثر من 3 ثوانٍ...
استخدام React Refs و useRef Hook
استخدام React Refs و useRef Hook. تعتمد React أسلوباً تصريحياً؛ حيث تقوم بتحديث الحالة (state)، وتقوم React بتحديث واجهة المستخدم (UI). يعمل هذا مع معظم المهام، ولكن في بعض الأحيان تحتاج إلى الخروج عن...
لماذا يُعد استخدام الفهرس (Index) كمفتاح (Key) فكرة سيئة في React
لماذا يُعد استخدام الفهرس كمفتاح فكرة سيئة في React. تقوم ببناء قائمة ديناميكية في React، ثم تحذف عنصراً ما، وفجأة تتغير حالة واجهة المستخدم لعنصر آخر. أو تقوم بترتيب قائمة و...
تتبع زوار الموقع مباشرة دون الحاجة لاشتراكات
تتبع زوار الموقع مباشرة دون الحاجة لاشتراكات. أراد أحد العملاء معرفة من يتواجد على موقعه في الوقت الفعلي. لقد أعجبتهم أداة Tidio ولكنهم لم يرغبوا في دفع رسوم اشتراك...
لماذا تحتاج إلى خاصية الـ key في React
لماذا تحتاج إلى خاصية الـ key في React. تظهر لك هذه الرسالة في وحدة التحكم (console): "يجب أن يكون لكل عنصر في القائمة خاصية 'key' فريدة". يتجاهل الكثير من المطورين هذا الأمر، وهذا خطأ. هذا التحذير...
My Coding Agent Remembered Sessions, Not Work
My Coding Agent Remembered Sessions, Not Work A coding agent can keep a thread alive and still feel forgetful. I ran into this issue while building CliGate. I fixed session contin…
احتراف قوائم ومفاتيح React
احتراف قوائم ومفاتيح React. عرض القوائم في React أمر بسيط، ولكن القيام بذلك بشكل صحيح أمر صعب. يستخدم العديد من المطورين فهرس المصفوفة كمفتاح، وهذا خطأ يؤدي إلى حدوث أخطاء و...
استخدام الكلمة المفتاحية Using في TypeScript والإدارة الصريحة للموارد
استخدام الكلمة المفتاحية Using في TypeScript والإدارة الصريحة للموارد. غالبًا ما تنجم تسريبات الذاكرة في بيئة الإنتاج عن خطأ واحد: وهو أن المطورين يحصلون على الموارد ولكنهم يفشلون في تحريرها. اتصالات قواعد البيانات...
اختبار تسجيل الدخول بدون كلمة مرور دون فوضى في صندوق الوارد
اختبار تسجيل الدخول بدون كلمة مرور دون فوضى في صندوق الوارد. يبدو تسجيل الدخول بدون كلمة مرور سهلاً في العروض التوضيحية؛ حيث يدخل المستخدم بريداً إلكترونياً، ثم يصل رابط سحري، وتبدأ الجلسة. ولكن في بيئة الاختبار، تصبح هذه العملية م...
كيف يتعامل Node.js مع آلاف الطلبات
كيف يتعامل Node.js مع آلاف الطلبات. يقول الناس إن Node.js يعمل بخيط معالجة واحد (single threaded). ومع ذلك، فإنه يتعامل مع آلاف الطلبات، ويقرأ الملفات، ويجري استدعاءات واجهة برمجة التطبيقات (API calls) دون توقف. كيف...
التكلفة الخفية لكل عملية تثبيت لـ npm
التكلفة الخفية لكل عملية تثبيت لـ npm. لقد أمضينا عشر سنوات في تحميل المكتبات لإصلاح JavaScript. استخدمنا moment.js للتواريخ، وlodash للأدوات المساعدة، وnode fetch لـ...
أخطاء عند استخدام أجهزة إعادة تدوير الهواء بالأشعة فوق البنفسجية في إنتاج الأغذية
أخطاء عند استخدام أجهزة إعادة تدوير الهواء بالأشعة فوق البنفسجية في إنتاج الأغذية. تعتبر نظافة الهواء أمراً حيوياً في إنتاج الأغذية، وتعد مناطق التعبئة والتغليف حساسة بشكل خاص، حيث يمكن للميكروبات المنقولة جواً أن تفسد جودة المنتـ...
إنشاء دليل تفاعلي للتطبيقات
إنشاء دليل تفاعلي للتطبيقات: غالبًا ما تواجه فرق الدعم صعوبة في التعامل مع التطبيقات التي لم يسبق لهم تثبيتها. يُعد ملف PDF الذي يحتوي على لقطات شاشة هو الحل التقليدي، إلا أن معظم الناس لا يقرؤون ملفات PDF...
الواجهة الأمامية غير المرئية: قرارات صغيرة تنقذ المنتج
الواجهة الأمامية غير المرئية: قرارات صغيرة تنقذ المنتج. أفضل أعمال الواجهة الأمامية هي تلك التي لا تظهر أبداً في العروض التوضيحية. العمل الذي أقدره أكثر هو العمل غير المرئي، فلا أحد يلتقط صوراً لشاشته. ولكن...
كيف قمت بتحديث جميع الفروع دون لمس جهاز واحد
كيف قمت بتحديث جميع الفروع دون لمس جهاز واحد. لقد قمت ببناء أداة سطح مكتب داخلية باستخدام Electron. تعمل هذه الأداة على أجهزة موزعة عبر العديد من المكاتب الفرعية. تمتلك هذه المكاتب م...
قائمة مراجعة لتحسين أداء React
قائمة مراجعة لتحسين أداء React. التطبيقات البطيئة تضر بالشركات، فهي تتسبب في ارتفاع معدلات الارتداد وتسبب الإحباط للمستخدمين، كما أنها تزيد من تكاليف البنية التحتية الخاصة بك. يمكنك القيام بـ...
اليوم الخامس من تعلم React: التجميع والتحديثات الوظيفية
اليوم الخامس من تعلم React: التجميع والتحديثات الوظيفية. كنت أعتقد أن استدعاء دالة تحديث الحالة (state setter) عدة مرات يؤدي إلى عمليات إعادة تصيير (renders) متعددة، لكنني كنت مخطئاً. React أذكى من ذلك، فهي تستخدم...
Your Console Is Lying To You
Your Console Is Lying To You Your browser DevTools might mislead you during debugging. It is not broken. It is optimized for speed, not for perfect accuracy. Here is why you canno…