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