Top Tweets for #FrontendSystemDesign
السلام عليكــــــــــــم
دي الحلقة الـ18 من سلسلة #frontendsystemdesign بالعربي
المفروض إننا كنا بنتكلم عن الـ Real-time updates، بس آخر update في السلسلة كان من 4 شهور, فواضح إن الـ implementation كان محتاج شوية تحسينات بس أخيرا رجعنا 😂
هنكمل كلامنا ان شاء الله في الحلقة دي علي الـ Real-time updates وهنتكلم علي تاني paradigm معانا وهو الـ Server-Sent Events او الـ SSE
هنتكلم علي ازاي الـ SSE بتشتغل وليه بالرغم من بساطته فهو حل منطقي جدا في حالات كتير بدل ما الـ client يفضل يعمل polling، وازاي هو في الآخر شغال باستخدام HTTP عادي من غير ما نحتاج protocol جديد
هنشوف ازاي الـ browser بيساعدنا من خلال الـ EventSource والـ automatic reconnection لو الـ connection قطعت، وايه المشاكل والـ limitations الي محتاجين ناخد بالنا منها عشان نقدر نعمل production ready implementation
هنتكلم كمان علي واحد من أهم استخدامات الـ SSE دلوقتي وهو الـ AI streaming وهنشوف demo بسيط ازاي بيشتغل و implementation صغير من ناحية الـ Client + Server
وأخيرا هنقارنه بالـ long polling ونعرف امتي الـ SSE يكون الاختيار المناسب وامتي لا
ده لينك الحلقة، أتمنى إن شاء الله تكون مفيدة ❤️
https://t.co/lI21EiEek6
#frontend_بالعربي #fsd #frontendsystemdesign #frontend #systemdesign #scalablefrontend #frontendarchitecture #FrontendDev

السلام عليكــــــــــــم
دي الحلقة الـ17 من سلسلة #frontendsystemdesign بالعربي
هنكمل كلامنا في الحلقة دي علي الـ Real-time updates وهنتكلم علي أول paradigm معانا وهو الـ Client Pull
هنتكلم فيه المقصود بالـ client pull وازاي هو لسه حل منطقي في حالات كتير
هنتكلم علي الـ short polling وبيشتغل ازاي وايه المشاكل الي موجود في الـ implementation البسيط بتاعة والي محتاج تاخد بالك منها كمشاكل زي race-conditions او كتحسينات زي polling on a hidden tab ونشوف مع بعض الـ production ready implementation الي فيه كل التفاصيل دي
هنتكلم بعد كدا علي الـ long polling وايه الي بيحاول يحسنه علي الـ short polling وايه الي هنستفيده منه وايه الـ challenges الي بيضيفها خاصا من ناحية الـ server والي منها اتكلمنا علي الـ stateful vs stateless وايه مشكلة الـ state هنا وهل هيبقي في مشاكل من ناحية الـ scaling ولا لا
واخيرا مقارنة بينهم واستخدام كل واحد فيهم امتي.
ده لينك الحلقة, أتمنى إن شاء الله تكون مفيدة ❤️
https://t.co/OzthTW66bC
#frontend_بالعربي #systemdesign #frontend #frontendsystemdesign #scalablefrontend #frontendarchitecture #FrontendDev

السلام عليكــــــــــــم
دي الحلقة الـ16 من سلسلة #frontendsystemdesign بالعربي
هنبدأ نتكلم من الحلقة دي علي موضوع جديد و ممتع وهو الـ Real-time updates
هنتكلم علي الـ Real-time updates وأهميتها وازاي بقت دلوقتي جزء أساسي من تقريبا كل الـ apps والـ interviews خاصا مع سعي أغلب الشركات انها تضيف agentic features عندها بشكل او بأخر ونفهم ليه ده موضوع مهم في الـ System design interviews
هنتكلم علي معني Real-time وازاي انه spectrum مش binary وازاي اختلاف مكان الـ app بتاعك علي نقطة من الـ spectrum ده بيغير تماما كل حاجة
هنعرف الأسئلة المهمة الي تخليك تفهم احتاج الـ app/feature بتاعتك من الـ Real-time والـ constraints الي عندك والي بناءا عليها هنختار الـ technique المناسب
وأخيرا هنتكلم علي ازاي الـ HTTP مخلي الموضوع صعب وازاي كل Paradigm بيحاول يعمل workaround علشان يحل المشكلة سواء Client Pull او Server Push او Full-Duplex
ده لينك الحلقة, أتمنى إن شاء الله تكون مفيدة ❤️
https://t.co/LR2lvcpZlG
#frontend_بالعربي #systemdesign #frontend #frontendsystemdesign #scalablefrontend #frontendarchitecture #FrontendDev

السلام عليكــــــــــــم
دي الحلقة الـ15 من سلسلة #frontendsystemdesign بالعربي
هنتكلم في الحلقة دي علي واحد من المواضيع الممتعة وهو الـ Normalization
هنبدأ كلامنا علي نظرة علي طبيعة الـ state في أغلب الـ apps الي بنبنيها وبنستخدمها من حيث انها relational data, وهنتكلم علي الـ nested structure بتاعها
هنعرف ايه مشاكل الـ nested structure دي بالتفاصيل ونشوف تأثير كل مشكلة منهم علي الـ performance و الـ user data والي هتبقي السبب الي هيخلينها نفكر في الـ normalization
هنعرف ايه هو الـ normalization, بيشتغل ازاي وهنشوف demo عملناه مع بعض وهنعدي سوا علي الـ code بتاعة
وأخيرا هنتكلم علي الـ downsides بتاعته وحاجات تساعدنا نقرر امتي هنكون محتاجينه وامتي لا
ده لينك الحلقة, أتمنى إن شاء الله تكون مفيدة ❤️
https://t.co/oXsT5WkmX5
#frontend_بالعربي #systemdesign #frontend #frontendsystemdesign #scalablefrontend #frontendarchitecture #FrontendDev

السلام عليكــــــــــــم
دي الحلقة الـ14 من سلسلة #frontendsystemdesign بالعربي
هنتكلم فيها علي أخر جزء من الـ Icons rendering techniques
هنشوف بالتفاصيل الـ techniques الي بتركز أكتر علي الـ SVGs هنتكلم علي SVG as asset, Inline SVG وأخر حاجة SVG Sprites (Internal vs External)
هنتكلم بالتفاصيل علي كل technique منهم وهنشوف مع بعض في الأخر 3 production apps وكل واحد فيهم بيستخدم أنهي technique وليه وهل ممكن app يستخدم أكتر من technique في نفس الـ page ولا لا وليه
ده لينك الحلقة, أتمنى إن شاء الله تكون مفيدة ❤️
https://t.co/TWpUdc9x4R
#frontend_بالعربي #systemdesign #frontend #frontendsystemdesign #scalablefrontend #frontendarchitecture #FrontendDev

Last Seen Hashtags on Sotwe
Trends for you
Most Popular Users

Elon Musk 
@elonmusk
241.7M followers

Barack Obama 
@barackobama
119M followers

Cristiano Ronaldo 
@cristiano
114.4M followers

Donald J. Trump 
@realdonaldtrump
111.9M followers

Narendra Modi 
@narendramodi
107.2M followers

Rihanna 
@rihanna
98.7M followers

NASA 
@nasa
92.4M followers

Justin Bieber 
@justinbieber
91.8M followers

KATY PERRY 
@katyperry
90M followers

Taylor Swift 
@taylorswift13
84M followers

Lady Gaga 
@ladygaga
75.4M followers

Virat Kohli 
@imvkohli
73.4M followers

Kim Kardashian 
@kimkardashian
70.9M followers

YouTube 
@youtube
68.8M followers

Neymar Jr 
@neymarjr
66.4M followers

Bill Gates 
@billgates
65.2M followers

Selena Gomez 
@selenagomez
63.1M followers

The Ellen Show
@theellenshow
62.3M followers

CNN 
@cnn
61.8M followers

X 
@x
60.7M followers



