DevGuide – Telegram
11.1K subscribers
2.94K photos
19 videos
134 files
3.62K links
Level up daily with insider dev hacks, smart career tips, and real talk! 🚀

⚡️ Stay connected with me: linktr.ee/AliSamir

📍 To advertise on the channel: https://telega.io/c/the_developer_guide
Download Telegram
Areas in CSS 💯

Grids are a very cool feature in CSS. Imagine building layouts like these without display: grid;
3
Mastering React Monorepos: A Developer’s Guide to Scalable Codebases


Monorepos might sound like something only big tech companies need—but even a small React team can benefit hugely from a well-structured monorepo. If you’ve ever wrestled with inconsistent tooling, copy-pasted code between projects, or chaotic dependency management, a monorepo might be your new best friend.

In this guide, we’ll demystify React monorepos, explore the tools, share best practices, and walk through a real setup using TypeScript.

🔗 https://dev.to/alisamir/mastering-react-monorepos-a-developers-guide-to-scalable-codebases-1cok
3
🔰 Loops in JavaScript

Loops are used to repeatedly execute a block of code until a specific condition is met. Check out the different types.
3👏2
إزاي تتعامل مع memory leaks في Node.js؟ 🤔
.
.
فيه مشاكل في البرمجة بتتصلّح بسهولة...وفيه مشاكل بتفضل تدور عليها بالساعات، ويمكن بالأيام، وما تعرف توصل لها...

واحدة من أكثر المشاكل الخبيثة اللي ممكن تواجهك في Node.js هي:
Memory Leak

النوع ده مبيعملش حاجة في الكود الكود ولا بيطلع Error في اللوج...لكن بيقتل أداء التطبيق واحدة واحدة.

تلاقي الـ app بيبدأ سريع، وبعد شوية requests تلاقيه بقى تقيل...والـ memory usage بقت عالية، والـ GC مش لاحق ينضف، لحد ما السيرفر يقع...

تعال ندردش شوية عن الـ Memory Leak في Node.js...

———

📍 LinkedIn:
https://www.linkedin.com/posts/mentoor-io_nodejs-nodejsdeveloper-backenddeveloper-activity-7332479190178357249-rzkm

📍 Facebook:
https://www.facebook.com/share/p/1DrkJFNuNT
4
هل الـ Bundle Size بيأثر على أداء الموقع؟ 🚀
.
.
لو اشتغلت قبل كده على أي مشروع Front-End كبير، أكيد عدى عليك مصطلح "Bundle Size" سواء في PR review، أو وأنت بتعمل debugging، أو وأنت بتعمل optimization للـ Core Web Vitals… السؤال هنا:

⚠️ هل فعلًا حجم الـ Bundle بيفرق في الأداء؟ ولا مجرد رقم وخلاص؟

تعال ندردش شوية عن الـ Bundle Size...

———

📍 LinkedIn:
https://www.linkedin.com/posts/dev-alisamir_frontend-frontenddevelopment-frontenddeveloper-activity-7332478712065478656-Ei8l

📍 Qabilah:
https://qabilah.com/posts/yj5QcLiuaNo
2🔥2
How to Think Like a Software Engineer – Not Just a Coder 🚀


Are you writing code, or are you engineering solutions?

That one question separates thousands of frustrated "coders" from software engineers who design robust, scalable systems and get paid more for their work.

If you've ever written a function that worked… until it didn’t, or pushed code that passed QA but fell apart at scale, you’ve tasted the gap between coding and engineering.

In this article, we’ll bridge that gap.

———

🔗 https://dev.to/alisamir/how-to-think-like-a-software-engineer-not-just-a-coder-396f
4
يعني إيه Buffer في Node.js؟ 🤔
.
.
أغلب الوقت وإحنا بنكتب كود في Node.js، بنتعامل مع البيانات اللي راجعه من الـ APIs أو من الـ Database أو من الـ Files على هيئة Strings أو JSON. تمام كده؟ لكن، لو هنتعامل مع حاجات زي الصور، الملفات الصوتية، الفيديو، أو أي Data غير نصيّة (non-text)، وقتها الـ JavaScript ما تعرف تتعامل مع النوع ده بشكل مباشر.

وهنا ييجي دور الـ Buffer.

———

📍 LinkedIn:
https://www.linkedin.com/posts/mentoor-io_nodejs-nodejsdeveloper-backend-activity-7333185574079479808-MTLZ

📍 Facebook:
https://www.facebook.com/share/p/18xr3AkpWk

📍 Qabilah:
https://qabilah.com/posts/CPSnhdZfJqU
2
مفهوم الـ Concurrent Rendering في React 💡
.
.
لو بتشتغل بـ React، أكيد لاحظت إن أحيانًا التطبيقات بتبقى بطيئة أو بتتجمد لما المستخدم بيبدأ يتفاعل معاها، زي لما يكتب في فورم أو يعمل scroll.

المشكلة دي بتحصل لأن React في الأساس بتعالج كل حاجة مرة واحدة وبشكل متسلسل، وده بيخلي الـ UI يهنج أو يعلق.

علشان كده React قدمت حاجة جديدة اسمها Concurrent Rendering واللي بتتحكم في إزاي React بتتعامل مع تحديثات الشاشة.

الفكرة ببساطة إنها بتخلي التطبيق يقدر يعطي أولوية للحاجات المهمة ويخلي تجربة المستخدم سلسة وسريعة حتى لو في عمليات كتير بتشتغل في الخلفية.

تعال ندردش شوية عن الـ Concurrent Rendering...

———

📍 LinkedIn:
https://www.linkedin.com/posts/dev-alisamir_react-reactdeveloper-reactjs-activity-7333204185569476608-tb-5

📍 Qabilah:
https://qabilah.com/posts/va9J6gDEwqU
6