Areas in CSS 💯
Grids are a very cool feature in CSS. Imagine building layouts like these without display: grid;
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
كورس WordPress الشامل | WordPress Course in Arabic
https://youtu.be/pp_o1caZdiI
https://youtu.be/pp_o1caZdiI
YouTube
كورس وردبريس WordPress الشامل | WordPress Course in Arabic
كورس برمجة و تطوير المواقع بالـ WordPress في المنصة :
https://codecamb.com/courses/wordpress/
كوبون الخصم :
you20
Material Includes
كتيب خاص في الدورة و واجبات و صور و ملفات اضافية للعمل
لمن هذا الكورس ؟
لأن الهدف من هذه الدورة تعلم مهنة تمكنك من العمل…
https://codecamb.com/courses/wordpress/
كوبون الخصم :
you20
Material Includes
كتيب خاص في الدورة و واجبات و صور و ملفات اضافية للعمل
لمن هذا الكورس ؟
لأن الهدف من هذه الدورة تعلم مهنة تمكنك من العمل…
❤1
إزاي تتعامل مع 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
.
.
فيه مشاكل في البرمجة بتتصلّح بسهولة...وفيه مشاكل بتفضل تدور عليها بالساعات، ويمكن بالأيام، وما تعرف توصل لها...
واحدة من أكثر المشاكل الخبيثة اللي ممكن تواجهك في 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
.
.
لو اشتغلت قبل كده على أي مشروع 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
Build & Sell n8n AI Agents (8+ Hour Course, No Code)
https://youtu.be/Ey18PDiaAYI
https://youtu.be/Ey18PDiaAYI
YouTube
Build & Sell n8n AI Agents (8+ Hour Course, No Code)
Full courses + unlimited support: https://www.skool.com/ai-automation-society-plus/about
All my FREE resources: https://www.skool.com/ai-automation-society/about
Work with me: https://uppitai.com/
My Tools💻
14 day FREE n8n trial: https://n8n.partnerlink…
All my FREE resources: https://www.skool.com/ai-automation-society/about
Work with me: https://uppitai.com/
My Tools💻
14 day FREE n8n trial: https://n8n.partnerlink…
👍3
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
.
.
أغلب الوقت وإحنا بنكتب كود في 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
.
.
لو بتشتغل بـ 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