sharing my journey of self-studing and learning Front-end Development.
(React)
A man who builds himself builds his own legacy 🔥🖤t.me/devaliaboelhas… EgyJoined May 2024
الوصول: البيانات متاحة فقط في نفس علامة التبويب أو النافذة، ولا يمكن مشاركتها مع علامات تبويب أخرى.
💡 الخلاصة:
إذا كنت تحتاج إلى تخزين بيانات لفترة طويلة، استخدم Local Storage.
إذا كنت تحتاج بيانات مؤقتة للجلسة الحالية، استخدم Session Storage.
#JavaScript#WebDevelopment
📌 Session Storage:
التخزين المؤقت: البيانات تُحذف بمجرد إغلاق علامة التبويب أو نافذة المتصفح.
الاستخدام: مناسبة للبيانات المؤقتة التي تحتاجها الجلسة الحالية فقط، مثل البيانات الخاصة بالنماذج أو نتائج البحث.
الحجم: مثل Local Storage، السعة تصل إلى 5 ميجابايت.
الفائدة:
1. يساعد في إنشاء دوال تعتمد على بيانات خاصة.
2. أساس إنشاء الـ Modules وأنماط البرمجة الأخرى.
3. يمكنك استخدامه لتخزين حالة (state) بطريقة آمنة داخل الوظائف.
#javascript#كل_يوم_معلومة
معلومة رقم [5]:
هل تعلم أن JavaScript تدعم مفهوم Closure، والذي يتيح للدوال الوصول إلى المتغيرات الموجودة في النطاق الذي تم إنشاؤها فيه حتى بعد انتهاء تنفيذ هذا النطاق؟
6️⃣ محاكاة إلغاء الComponents وإعادة تثبيتها: يساعدك في اختبار استقرار دورة حياة الComponents.
7️⃣ تحسين استخدام المراجع (Refs): يمنع الممارسات الخاطئة التي قد تسبب مشاكل في الكود.
💡 تذكر: StrictMode يعمل فقط أثناء التطوير، لذا فهو أداة مثالية لتحسين تطبيقك قبل الإطلاق.
3️⃣ تقليل التنقلات غير الضرورية: يحدد إعادة تقديم الComponents (Re-rendering) غير الضرورية.
4️⃣ تحسين الأداء المستقبلي: يجهز تطبيقك ليكون متوافقًا مع التحديثات المستقبلية لـ React.
5️⃣ الكشف عن واجهات برمجة قديمة: يحذرك من استخدام تقنيات قديمة مثل Legacy Context API.
📌 فوائد استخدام React StrictMode في تطوير تطبيقات React
React.StrictMode هو أداة قوية لتحسين جودة الكود أثناء التطوير. رغم أنه لا يُؤثر على واجهة المستخدم، إلا أنه يساعدك على كتابة كود أكثر كفاءة وأمانًا. 💻✨
احفظه عشان هتحتاجه.
#React#WebDevelopment#JavaScript
الفائدة:
توفر القيم الافتراضية طريقة سهلة للتعامل مع القيم المفقودة عند استدعاء الدوال، مما يجعل الكود أكثر مرونة وأقل عرضة للأخطاء.
#javascript#كل_يوم_معلومة
المعلومة رقم [4]:
هل تعلم أن JavaScript تدعم القيم الافتراضية للمعاملات (Default Parameters) في الدوال؟
هذه الميزة تسمح لك بتحديد قيمة افتراضية للمعامل إذا لم يتم تمرير قيمة عند استدعاء الدالة.
هل تعلم أن JavaScript تدعم الدوال السهمية (Arrow Functions) التي تقدم طريقة مختصرة لكتابة الدوال؟
مميزات الدوال السهمية:
1. صياغة أقصر وأكثر وضوحًا.
2. لا تملك خاصية this الخاصة بها، مما يجعلها مناسبة لبعض السياقات.
استخدمها لتبسيط الكود وجعله أكثر قابلية للقراءة!
#javascript
المعلومة رقم [2]:
هل تعلم ‼️
في JavaScript، يمكن أن تحتوي ال Array على أنواع بيانات مختلفة. على سبيل المثال:
هذا يجعل ال Array في JavaScript قوية ومرنة جدًا عند التعامل مع البيانات!
#javascript#كل_يوم_معلومة
هجرب أنزل كل يوم معلومة (قد تكون قيمة للبعض) عن لغة JavaScript
معلومة اليوم[1] :
في JavaScript، يمكن استخدام الكلمة المفتاحية let لتصريح متغير له نطاق بلوك (block scope). وهذا يختلف عن var، الذي يكون له نطاق وظيفي (function scope).
#كل_يوم_معلومة#javascript
- مجتمع ضخم: بسبب شيوع React، هناك دعم كبير من المجتمع وأدوات مساعدة كثيرة.
- سهولة التعلم: مقارنة ببعض الأطر الأخرى، React سهل التعلم ويمكنك البدء فيه بسرعة.
بعد ما اتعلمت ريأكت وانتهيت من أول مشروع بيها .. دلوقتي أقدر أقولك ليه تتعلم ريأكت..!؟ 💡
- سرعة الأداء: React يستخدم الـ Virtual DOM لزيادة سرعة التفاعل مع واجهات المستخدم.
- إعادة استخدام Components: يمكنك بناء Components مستقلة لإعادة استخدامها في أجزاء مختلفة من تطبيقك.
تمت بحمدالله ...
بعد 4 سنين عناء مع تعلم التقنيات بنفسي وبالاعتماد على المصادر المتاحة .. قدرت اخلص النهاردة أول مشروع React ومبسوط جدا وانا شايف ان ايدي بتجري لوحدها على كتابة الكود.
اللينك: …timings-by-aliabolehassen.netlify.app
21K Followers 11K FollowingPhilosophical mentorship for German learners and hungry life lovers +++
Improve your German. Improve your life. +++
Get started here: https://t.co/FaeQHf8DV7
230K Followers 1K FollowingThe Culture Explorer is for readers who believe beauty forms judgment, tradition guards memory, and civilization survives through what it chooses to honor.
3K Followers 19 FollowingCYBER GUARD Club SA:هو مجتمع يهدف إلى تعزيز الوعي وتنمية الكوادر في مجال الأمن السيبراني، مع التركيز على تقديم تحديات تعليمية و تطويرية تساهم في تأهيل أعضائه
1K Followers 757 FollowingBug Bounty Hunter | Web App Hacker | Red Team Specialist | Finding vulnerabilities, exploiting weaknesses, and securing the web one app at a time.
10.9M Followers 1K FollowingUnmatched perspicacity coupled with sheer indefatigability makes me a feared opponent in any realm of human endeavour. Escape Slavery: https://t.co/b2DF1rm9ij
127K Followers 38 FollowingThe Masculine God | Turning Boy to Alpha Man | Masculinity | Power | Charisma | Join my Telegram for Daily Insights 👉 https://t.co/vmqIpm6PWC
20K Followers 5 Followingمختص في #الأمن_السيبراني، عملت في مجال التحقيق الجنائي الرقمي ، وكذلك مجال ال SOC Analyst ،أغرد بالمفيد في المجال من معلومات، كورسات, اخبار , كتب, ثريد
49K Followers 78 Followingأكبر شركة أمن سيبراني في الشرق الأوسط
كل ما يتعلق بالأختراق الأخلاقي & الأمن السيبراني في مكان واحد
Cyber Security & Ethical Hacking