فحص العرض أكد أن السلسلة آمنة للقص، لكنه شطر حرف كانجي إلى نصفين.
فحص العرض أكد أن السلسلة آمنة للقص، لكنه شطر حرف كانجي إلى نصفين. دخل اسم في جدول وخرج مكسوراً. كان اللقب هو 𠮷田. الحرف الأول ليس الـ...
GyaanSetu JavaScript
The JavaScript and TypeScript ecosystem.
كيفية إعداد React Context
كيفية إعداد React Context. تؤدي مشكلة Prop drilling إلى إفساد الكود الخاص بك، حيث تقوم بتمرير البيانات عبر خمس طبقات من المكونات التي لا تحتاج إليها. يقوم React Context بحل هذه المشكلة، ومع ذلك، فإن معظم الإعدادات تنشئ...
اختبار عمليات تغيير البريد الإلكتروني دون تفويت الروابط
اختبار عمليات تغيير البريد الإلكتروني دون تفويت الروابط. يبدو تغيير البريد الإلكتروني للحساب أمراً بسيطاً، لكنه فخ شائع لفرق ضمان الجودة (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…
استخدام الكلمة المفتاحية Using في TypeScript والإدارة الصريحة للموارد
استخدام الكلمة المفتاحية Using في TypeScript والإدارة الصريحة للموارد. غالبًا ما تنجم تسريبات الذاكرة في بيئة الإنتاج عن خطأ واحد: وهو أن المطورين يحصلون على الموارد ولكنهم يفشلون في تحريرها. اتصالات قواعد البيانات...
كيف قمت بتحديث جميع الفروع دون لمس جهاز واحد
كيف قمت بتحديث جميع الفروع دون لمس جهاز واحد. لقد قمت ببناء أداة سطح مكتب داخلية باستخدام Electron. تعمل هذه الأداة على أجهزة موزعة عبر العديد من المكاتب الفرعية. تمتلك هذه المكاتب م...
اليوم الخامس من تعلم React: التجميع والتحديثات الوظيفية
اليوم الخامس من تعلم React: التجميع والتحديثات الوظيفية. كنت أعتقد أن استدعاء دالة تحديث الحالة (state setter) عدة مرات يؤدي إلى عمليات إعادة تصيير (renders) متعددة، لكنني كنت مخطئاً. React أذكى من ذلك، فهي تستخدم...
نسختي الاحتياطية فقدت كل الصور
نسختي الاحتياطية فقدت كل الصور. لقد قمت ببناء زر للنسخ الاحتياطي لتطبيق تتبع الحالة المزاجية الذي يعمل دون اتصال بالإنترنت. كان يقوم بتصدير البيانات إلى ملف JSON، حيث يمكن للمستخدمين حفظه ونقله إلى هاتف جديد. بدا الأمر مثالياً...
Why Your Vibe Coded Website Will Never Rank
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…
متجر إلكتروني مخصص على Firebase
متجر إلكتروني مخصص على Firebase. لقد قمت ببناء موقع تجارة إلكترونية مخصص من الصفر، ولم أستخدم المنصات الجاهزة. استخدمت Firebase Realtime Database و Netlify. كان الهدف هو...
رمز موقع بين تطبيقين PWA: استخدام HMAC SHA256 بدون واجهة خلفية
رمز موقع بين تطبيقين PWA: استخدام HMAC SHA256 بدون واجهة خلفية. تحتاج إلى نقل هوية المستخدم من تطبيق PWA إلى آخر. يعمل كلا التطبيقين على مشاريع Firebase منفصلة، ولا يتشاركان أي بيانات...
ابنِ أول بوت ديسكورد خاص بك باستخدام JavaScript
ابنِ أول بوت ديسكورد خاص بك باستخدام JavaScript. هل ترغب في بناء بوت ديسكورد؟ ربما ترى بوتات تشغل الموسيقى أو تجري استطلاعات الرأي وتتساءل عن كيفية عملها. بنهاية هذه السلسلة...
لماذا عدت إلى JavaScript بعد 7 سنوات
لماذا عدت إلى JavaScript بعد 7 سنوات. أنا مطور واجهات مستخدم بخبرة 7 سنوات. أجيد HTML و CSS، ويمكنني تحويل تصميمات Figma إلى أكواد برمجية. لكنني لم أشعر أبداً بأنني مطور...
You Don't Use Linked Lists. But They're Running Half Your Software.
You Don't Use Linked Lists. But They're Running Half Your Software. You will likely never write a linked list in a production JavaScript project. Your language built in arrays han…
عندما يتحدث React عن إعادة التصيير (Re-render)، فهذا يعني ثلاثة أشياء
عندما يتحدث React عن إعادة التصيير، فهذا يعني ثلاثة أشياء. عندما تستدعي setState، لا يقوم React بتحديث الـ DOM فحسب، بل يقوم بتشغيل ثلاث مراحل منفصلة بالتتابع. يخلط معظم المطورين بين...
100 Days, 87 Tools, Zero Servers
100 Days, 87 Tools, Zero Servers I spent 100 days building ToolKnit. It is a suite of 87 browser based tools. Most tool sites work like this: You upload a file. A server processes…
أجريت مقابلات مع 5 مرشحين لوظيفة تقنية
أجريت مقابلات مع 5 مرشحين لوظيفة تقنية. أجريت مقابلات مع خمسة مرشحين لوظيفة مطور واجهات أمامية الأسبوع الماضي. كانت لديهم خلفيات ومهارات متنوعة. ومع نهاية اليوم...
React فقدت جوهرها وVercel ترتدي جلدها
React فقدت جوهرها وVercel ترتدي جلدها. كان مجتمع React هو من يمتلك المشروع، أما الآن، فيبدو الأمر وكأن شركة استضافة هي من تديره. حدث هذا التحول ببطء، ثم...
25 خطأً في JSON يرتكبها كل مطور
25 خطأً في JSON يرتكبها كل مطور. تُعد JSON العمود الفقري للتواصل عبر الويب، فهي خفيفة الوزن وسهلة القراءة، ومع ذلك، فإن قواعدها صارمة، فالأخطاء الصغيرة قد تؤدي إلى تعطل الكود الخاص بك...