مرحبًا بالجميع، إليكم ساعتي التقنية من الأسبوع الماضي، والتي تحتوي على الكثير من #react، والقليل من #html، وبعض #css، و#npm.

؟ https://www.totaltypescript.com/how-to-create-an-npm-package كيفية إنشاء حزمة NPM
دليل خطوة بخطوة لإنشاء حزمة NPM واختبارها ونشرها، بدءًا من التهيئة وحتى الإصدار.

؟ https://playfulprogramming.com/posts/why-is-css-in-js-slow لماذا يكون CSS-in-JS بطيئًا
تحليل أداء CSS-in-JS: أسباب التباطؤ والحلول الحديثة.

⚛️ https://alexkondov.com/interface-segregation-principle-in-react مبدأ فصل الواجهة في React
تطبيق مبدأ فصل الواجهة في React لتحسين قابلية الصيانة.

⚛️ https://kyleshevlin.com/never-call-new-date-inside-your-components/ لا تتصل أبدًا بالتاريخ الجديد () داخل مكوناتك
تجنب 'new Date()' في مكونات React لتحسين الأداء والاتساق.

⚛️ https://storybook.js.org/blog/component-testing/ اختبار المكونات في القصص المصورة
اختبار مكونات واجهة المستخدم بكفاءة باستخدام Storybook وأطر الاختبار الشائعة.

⚛️ https://www.freecodecamp.org/news/react-compiler-complete-guide-react-19/ كيفية استخدام مترجم React – دليل كامل
دليل شامل حول برنامج التحويل البرمجي React 19: التحسينات التلقائية والميزات الجديدة.

⚛️ https://www.callstack.com/blog/the-complete-developer-guide-to-react-19-part-1-async-handling دليل المطور الكامل لـ React 19، الجزء الأول : التعامل مع غير المتزامن
React 19: ميزات جديدة لتحسين التعامل مع العمليات غير المتزامنة.

؟ https://dev.to/safdarali/top-5-html-features-youre-not-using-but-should-be-2i0e أهم 5 ميزات HTML لا تستخدمها (لكن ينبغي أن تستخدمها)
خمس ميزات HTML غير معروفة لتحسين صفحات الويب الخاصة بك.

يمكنك العثور على مجموعتي الكاملة من الساعات التقنية على https://www.56kode.com/tech-watch/. لا تتردد في التحقق من ذلك للحصول على المزيد من المحتوى المنسق!