Discover Open Source Alternatives to Popular Software 🔥

A curated collection of the best open source alternatives to everyday SaaS products. Save money with reliable tools hand-picked for you.

https://openalternative.co

React useCallback() — A complete guide

Prevent unnecessary re-renders with React useCallback(). Learn the ins and outs of this powerful Hook and when and how to use it effectively.

https://hygraph.com/blog/react-usecallback-a-complete-guide

مجموعة مقالات رايقة 🔻
.
.

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي لـبنـان وفي كل دول العالم من الدعاء. 🔻

———

Best Practices for Writing Clean TypeScript Code 🚀
https://dev.to/alisamir/best-practices-for-writing-clean-typescript-code-57hf

Understanding HTTP Methods with Simple Examples 🔻
https://dev.to/alisamir/understanding-http-methods-with-simple-examples-1o2

Understanding Shadow DOM: The Secret of Web Component Encapsulation 💯
https://dev.to/alisamir/understanding-shadow-dom-the-secret-of-web-component-encapsulation-1lng

Understanding Event Sourcing: A Detailed Guide 🔻
https://dev.to/alisamir/understanding-event-sourcing-a-detailed-guide-4cjp

Mastering package.json: A Comprehensive Guide 🚀
https://dev.to/alisamir/mastering-packagejson-a-comprehensive-guide-2a0l

API vs SDK: Understanding Their Distinct Roles in Software Development
https://dev.to/alisamir/api-vs-sdk-understanding-their-distinct-roles-in-software-development-416h

Composition vs Inheritance in React 🔻
https://dev.to/alisamir/composition-vs-inheritance-in-react-2pho

Proven Tips to Optimize Performance in Your Next.js App ⚡️
https://dev.to/alisamir/proven-tips-to-optimize-performance-in-your-nextjs-app-lpc

Throttling & Debouncing in JavaScript: A Beginner's Guide 💯
https://dev.to/alisamir/throttling-debouncing-in-javascript-a-beginners-guide-3j7n

Building a Clean and Scalable Frontend Architecture 💯
https://dev.to/alisamir/building-a-clean-and-scalable-frontend-architecture-1icc

Unleashing the Power of WebAssembly (WASM): The Future of Web Development ⚡️
https://medium.com/@dev.alisamir/unleashing-the-power-of-webassembly-wasm-the-future-of-web-development-5c095b491d02

20 Must-Have VS Code Extensions for 2024 🔥
https://medium.com/@dev.alisamir/20-must-have-vs-code-extensions-for-2024-7ac4de4498c4

React useCallback() — A complete guide 💯
https://hygraph.com/blog/react-usecallback-a-complete-guide

12 Must-Know Libraries to Supercharge Your Frontend Development 💯
https://blog.stackademic.com/12-must-know-libraries-to-supercharge-your-frontend-development-071e01f3da3b

Top GitHub Repositories To Learn Modern React Development 🚀
https://livecycle.io/blogs/top-react-github-projects

11 Data Structures Every Developer Should Know 🔻
https://blog.amigoscode.com/p/11-data-structures-every-developer

An Interactive Guide to Flexbox 🚀
https://www.joshwcomeau.com/css/interactive-guide-to-flexbox

Variable Naming Best Practices in JavaScript 🔻
https://javascript.plainenglish.io/variable-naming-best-practices-in-javascript-94af115f42cd

React Mindset: How New React Developers Should Think 💯
https://dev.to/ymir/react-mindset-how-new-react-developers-should-think-2cap

Best Practices for Storing Access Tokens in the Browser ✅
https://curity.medium.com/best-practices-for-storing-access-tokens-in-the-browser-6b3d515d9814

Microservices Best Practices 🔻
https://blog.amigoscode.com/p/mircroservices-best-practices

The Guide to New Hooks in React 19 ⚡️
https://www.telerik.com/blogs/guide-new-hooks-react-19

30 Ways to Improve Website Performance with CSS ⚡️
https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css

دردشة سريعة عن الـ Semantic Versioning 🔻
.
.
تخيّل أنك شغال على مشروع، وفجأة قررت تعمل تحديث لمكتبة بتستخدمها...كل حاجة كانت شغالة تمام، لكن بمجرد ما عملت التحديث، المشروع كله ضرب وحلف ما يشتغل.

علشان كده لازم تكون فاهم الـ Semantic Versioning كويس، وهي دي اللي بتخلّيك تفهم التغييرات اللي حصلت في أي إصدار جديد قبل ما تعمل التحديث والدنيا تبوظ منك.

تعال نفهم الموضوع ببساطة...

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_softwaredeveloper-softwaredevelopment-devabrguide-activity-7267198467398082560-7vUf

📍 Qabilah

https://qabilah.com/posts/yhxnONdaIRY

بفضل الله وعونه، تم إضافة 15 تدوينة جديدة 🔻

- إيـه هـو الـ CSRF؟
- الـ Critical Rendering Path
- مفهوم الـ Containerization
- تعال نعرف يعني إيه Browser Compatibility
- الـ API Gateway
- تعال نفهم يعني إيه Cross-Site Scripting (XSS)
- تعرف إيه عن الـ Web Vitals؟
- دردشة خفيفة عن الـ Rate Limiting
- يعني إيه Micro Frontends؟
- تعال ندردش شوية عن الـ Load Balancing
- مفهوم الـ Infrastructure as Code
- تعال ندردش شوية عن الـ HTTP Caching
- الـ DNS Prefetching
- دردشة سريعة عن الـ Semantic Versioning
- الـ Component-Based Architecture

https://ali-samir-blog.vercel.app

———

وفقكم الله لكل خير 🌿

الفرق بين Containerization و Virtualization 🔻
.
.
إزاي السيرفرات بتشغل أكتر من تطبيق أو نظام تشغيل في نفس الوقت؟

علشان نجاوب على السؤال ده محتاجين نعرف مصطلحين مهمين في عالم السوفتوير [ Containerization و Virtualization ] ... الاتنين بيعملوا نفس المهمة تقريبًا: تشغيل أكتر من حاجة على نفس الجهاز

تعال نوضح الفرق بينهم وامتى تختار كل واحد...

———

📍 LinkedIn

https://www.linkedin.com/posts/dev-alisamir_softwaredeveloper-softwaredevelopment-devabrguide-activity-7267550659971825666-RzAc

📍 Qabilah

https://qabilah.com/posts/EpcVBy7vkQE

Cracking the GAMAM Technical Interviews Book ⚡️

- Strategies, Tips, and Preparation Resources.

الفرق بين الـ Monorepo والـ Multirepo 🔻
.
.
تخيل أنك شغال على مشروع ضخم، عندك أكتر من فريق، وكل فريق بيشتغل على جزء مختلف. فجأة، تبدأ المشاكل تظهر: كود مكرر، صعوبة في التعديلات، تعارض بين الفرق، وأوقات ضايعة على الـ builds والـ pipelines.

المشكلة هنا ممكن تكون في الطريقة اللي بتنظم بها الكود بتاعك. 💡

———

https://www.linkedin.com/posts/dev-alisamir_softwareengineering-softwareengineer-activity-7267870072214355970-mtf6

كتاب لذيذ وخفيف هيساعدك خلال رحلتك في عالم الـ Next.js 🔻
.
.

لا تنسوا أهلنا في فلــسطــين وفي ســوريا وفي الســودان وفي اليــمن وفي لـبنـان وفي كل دول العالم من الدعاء. 🔻

———

الكتاب هيساعدك في تعلم أهم مفاهيم إطار العمل Next.js واللي بالمناسبة مطلوب جدًا في سوق العمل...💯

الكتاب هيبدأ معاك من أول ما تعمل Next.js App مرورًا بمفاهيم مهمة زي الـ Client Vs. Server والـ Routing وكمان إزاي تعمل Data Fetching وتعرض الداتا عندك في التطبيق وإزاي تحسن من الـ SEO تبع الموقع علشان يظهر بشكل كويس في محركات البحث وغيرها من المفاهيم اللي هتخليك شخص محترف في Next.js بإذن الله...✅

———

وفقكم الله لكل خير 🌿

سناك خفيف عن الـ Domain-Driven Design (DDD) ⚡️
.
.
وأنت شغال على مشروع كبير ممكن تلاقي نفسك تايه كل شوية بين الكود وبين الـ Business Logic أو مش فاهم العميل محتاج إيه بالضبط...الـ DDD هيحل المشكلة دي...تعال نعرف إزاي...

———

📍 LinkedIn

https://www.linkedin.com/posts/mentoor-io_softwaredeveloper-softwaredevelopment-mentoorio-activity-7268560096459173888-mf2v

📍 Facebook

https://www.facebook.com/share/p/18PiZVKnCg

Top Open Source Projects Across the Web ⚡️

- JavaScript
- TypeScript
- AI
- React
- Vue
- Angular
- Svelte
- SolidJS
- Qwik

https://best-of-web.builder.io

مبدأ مهم جدًا في عالم البرمجة 🔻

المبدأ ده ببساطة بيقول إننا مش لازم نكرر نفس الكود في أكتر من مكان في المشروع.

يعني إيه؟ يعني كل جزء من الكود لازم يكون له مكان واحد بس، وده بيساعدنا نخلي الكود بتاعنا أفضل وأسهل في الصيانة والتطوير.

DRY (Don't Repeat Yourself) in Programming ⚡️

The DRY principle, short for "Don't Repeat Yourself," is one of the cornerstone principles in software development.

https://dev.to/alisamir/dry-dont-repeat-yourself-in-programming-40no