DevGuide

💡 JavaScript is full of hidden Web API gems you probably aren’t using. From observing elements to copying content, this carousel breaks down underrated APIs that level up your frontend.

سؤال انترڤيو مهم جدًا... Render Props in React with TypeScript: A Practical Guide If you’ve built React apps for a while, you’ve likely thought: "Didn’t I already write this logic before?" That’s where Render Props shine — an older but still handy pattern for sharing logic without locking you into a specific UI. Let’s see how it works in React with TypeScript. 🔗 Full Article: https://medium.com/@dev.alisamir/render-props-in-react-with-typescript-a-practical-guide-144ffcce3e11

CSS: Equal width columns in Flexbox

البرمجة الوظيفية (Functional Programming) 💯 . . البرمجة الوظيفية (Functional Programming) تعتبر نمط من الأنماط البرمجية اللي بتختلف عن النمط التقليدي اللي بنسميه الـ Imperative Programming. الفكرة الأساسية في البرمجة الوظيفية إنها بتركز على استخدام الدوال (functions) كعنصر أساسي في كتابة الكود، وبتعتمد على فكرة إن الكود يكون واضح وسهل التتبع، بدون ما نغير الـ state أو البيانات بشكل مباشر. ——— 📌 إيه اللي بيميز البرمجة الوظيفية؟ في البرمجة الوظيفية، بنستخدم حاجة اسمها pure functions، ودي دوال بتستقبل مدخلات (inputs) وتطلع مخرجات (outputs) من غير ما تأثر على أي حاجة بره الدالة نفسها. يعني الدالة اللي بتشتغل بالطريقة دي، كل مرة تستخدمها بنفس المدخلات، هتطلع نفس النتيجة. ده بيسهل جدًا اختبار الكود والتأكد إنه شغال صح. كمان في البرمجة الوظيفية بنبعد تمامًا عن فكرة side effects، اللي هي تغيير في البيانات أو الـ state خارج الدالة. وده بيدي الكود ميزة إنه يبقى قابل للتوقع (predictable) وسهل الصيانة. ——— 📌 الـ Higher-Order Functions؟ البرمجة الوظيفية بتعتمد بشكل كبير على نوع خاص من الدوال اسمه Higher-Order Functions. الدوال دي بتستقبل دوال تانية كمدخلات أو بتطلع دوال كمخرجات. مثلًا في JavaScript عندنا دوال زي map, filter, reduce، ودي أمثلة ممتازة على الـ Higher-Order Functions. الدوال دي بتخليك تقدر تعمل عمليات معقدة على البيانات بطريقة مختصرة ومنظمة، وبدون ما تكتب كود كتير. مثلًا لو عاوز تعدل قيم معينة في Array، بدل ما تستخدم for loop، ممكن تستخدم map واللي بتخليك تقدر تعيد بناء الـ Array بطريقة أسرع وأنضف. ——— 📌 الـ Immutable Data واحدة من المفاهيم الأساسية كمان في البرمجة الوظيفية هي immutable data، يعني البيانات مبتتغيرش. بدل ما نعدل على نفس الـ Array أو الـ Object، بنرجع نسخة جديدة من البيانات بعد التعديل. ده بيدي الكود أمان أكتر، وبيمنع الأخطاء اللي ممكن تحصل لما البيانات تتغير بطريقة غير متوقعة. البرمجة الوظيفية بتتطبق في لغات زي Haskell و Elm بشكل كبير، لكن الأفكار دي كمان ممكن تتطبق في لغات زي JavaScript, Python وحتى Java و #C. ——— 📌 ليه تستخدم البرمجة الوظيفية؟ - الكود بيكون واضح جدًا وسهل التتبع. - التقليل من الأخطاء بفضل استخدام الـ pure functions. - سهولة اختبار الكود. - دعم الـ parallelism والـ concurrency بشكل أفضل. ——— وفقكم الله لكل خير 🌿

🔰 Awesome Free APIs for Developers that you should know about

📌 Master server-side data fetching in Next.js 15

Avoid race conditions, prevent collisions, and make parallel routes work smoothly.

Every DevOps Software Explained in 8 Minutes. https://youtu.be/EY1hsh-HCjo

API Security Explained: Rate Limiting, CORS, SQL Injection, CSRF, XSS & More https://youtu.be/FsB_nRGdeLs

الفرق بين Containerization و Virtualization 🔻 . . إزاي السيرفرات بتشغل أكتر من تطبيق أو نظام تشغيل في نفس الوقت؟ علشان نجاوب على السؤال ده محتاجين نعرف مصطلحين مهمين في عالم السوفتوير [ Containerization و Virtualization ] ... الاتنين بيعملوا نفس المهمة تقريبًا: تشغيل أكتر من حاجة على نفس الجهاز. تعال نوضح الفرق بينهم وإمتى تختار كل واحد... https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-softwaredeveloper-devabrguide-activity-7292074985139892224-Z3-J

كورس ممتاز هيساعدك في التحضير لانترفيو الـ Problem Solving 💯

Neetcode 150 Course - All Coding Interview Questions Solved 🚀

The NeetCode 150 is the most important LeetCode problems you need to master, selected to cover all major algorithmic patterns that top tech companies test for. https://youtu.be/T0u5nwSA0w0 ——— وده شيت فيه مجموعة مسائل لذيذة هتساعدك في عالم الـ Problem Solving 📍 Most Asked Technical Interview Questions: https://docs.google.com/spreadsheets/d/1hzP8j7matoUiJ15N-RhsL5Dmig8_E3aP/edit

ما لا يسع الـ Software Engineer جهله عن الـ DevOps 💯 إضافة جديدة رائعة لكل Software Engineer سواء Backend أو Frontend أو غيرهم https://newsletter.devopsroadmap.io/p/devops-for-software-engineers-a-bite

Types of Data Structures 💯

إزاي تتجنب الـ Memory Leaks في JavaScript؟ 🤔 . . خلال رحلتك في عالم الـ JavaScript، سواء في فرونت إند أو باك إند، ممكن تكون سمعت عن مصطلح الـ "Memory Leaks". وده موضوع ممكن يتسبب في كوارث زي إن التطبيق بتاعك يبقى بطيء جدًا أو حتى ينهار ويقع...⚠️ تعال ندردش شوية عن الـ Memory Leaks وإزاي تتجنبها في الكود... ——— Memory Leaks in JavaScript: A Simple Guide 💯 في المقال ده تكلمنا عن أهم المواضيع اللي تخص الـ Memory Leaks 📍 What is a Memory Leak? 📍 How JavaScript Manages Memory 📍 Common Causes of Memory Leaks 📍 How to Detect Memory Leaks 📍 Tips to Prevent Memory Leaks ——— 📌 رابط المقال: ⚡️ Dev Community https://dev.to/alisamir/memory-leaks-in-javascript-a-simple-guide-31e8 ⚡️ Medium https://medium.com/@dev.alisamir/memory-leaks-in-javascript-a-simple-guide-e274d44f169c ——— وفقكم الله لكل خير ☘️

Kubernetes Explained 💯

9 Docker Best Practices You Should Know 💯

"اختياري"

💯