إزاي تتعامل مع الـ State في مشاريع الفرونت إند؟ 💡
.
.
خليني أحكيلك سيناريو بسيط:

أنت شغال على UI لتطبيق إعلانات. في الصفحة الرئيسية فيه زرار بيعرض modal، وفي نفس الوقت فيه قائمة إعلانات بترجع من API، ولما تضغط على إعلان بتروح على صفحة التفاصيل.

دلوقتي الـ modal ده لو تحكمت فيه بـ useState مثلًا في نفس الـ component؟ تمام.

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

هنا تبدأ قصة الـ State Management، وتحديدًا:

- هل الداتا دي تبقى locally؟
- ولا تكون في global state؟
- ولا تفضل على الـ server وتجيبها كل مرة؟

تعال ندردش شوية عن إزاي تتعامل مع الـ State في مشاريع الفرونت إند...

———

🔗 LinkedIn:
https://www.linkedin.com/posts/dev-alisamir_frontend-frontenddevelopment-frontenddeveloper-activity-7342114869648748544-Yl-A

🔗 Qabilah:
https://qabilah.com/posts/OkcYPqC5GPA

🔗 Facebook:
https://www.facebook.com/share/p/18iAT6uqKp

You Don’t Need to Learn Everything — Learn This Instead 💯

You need to learn the right things — the things that last.

https://dev.to/alisamir/you-dont-need-to-learn-everything-learn-this-instead-43p5

𝟮𝟰 𝗖𝗼𝗱𝗶𝗻𝗴 𝗜𝗻𝘁𝗲𝗿𝘃𝗶𝗲𝘄 𝗣𝗮𝘁𝘁𝗲𝗿𝗻𝘀 𝗧𝗼 𝗟𝗮𝗻𝗱 𝗬𝗼𝘂𝗿 𝗗𝗿𝗲𝗮𝗺 𝗝𝗼𝗯

———

𝟭) 𝗧𝘄𝗼 𝗣𝗼𝗶𝗻𝘁𝗲𝗿𝘀

𝟮) 𝗣𝗿𝗲𝗳𝗶𝘅 𝗦𝘂𝗺𝘀

𝟯) 𝗦𝗹𝗶𝗱𝗶𝗻𝗴 𝗪𝗶𝗻𝗱𝗼𝘄

𝟰) 𝗞𝗮𝗱𝗮𝗻𝗲’𝘀 𝗔𝗹𝗴𝗼𝗿𝗶𝘁𝗵𝗺

𝟱) 𝗙𝗶𝗻𝗱 𝗻𝘂𝗺𝗯𝗲𝗿 𝗼𝗳 𝘀𝘂𝗯𝗮𝗿𝗿𝗮𝘆𝘀

𝟲) 𝗙𝗮𝘀𝘁 𝗮𝗻𝗱 𝗦𝗹𝗼𝘄 𝗣𝗼𝗶𝗻𝘁𝗲𝗿𝘀

𝟳) 𝗗𝗲𝗽𝘁𝗵-𝗙𝗶𝗿𝘀𝘁 𝗦𝗲𝗮𝗿𝗰𝗵

𝟴) 𝗕𝗿𝗲𝗮𝗱𝘁𝗵-𝗙𝗶𝗿𝘀𝘁 𝗦𝗲𝗮𝗿𝗰𝗵

𝟵) 𝗠𝗮𝘁𝗿𝗶𝘅 𝗧𝗿𝗮𝘃𝗲𝗿𝘀𝗮𝗹

𝟭𝟬) 𝗔𝗱𝗷𝗮𝗰𝗲𝗻𝗰𝘆 𝗟𝗶𝘀𝘁 𝗕𝗙𝗦 / 𝗗𝗙𝗦

𝟭𝟭) 𝗧𝘄𝗼 𝗛𝗲𝗮𝗽𝘀

𝟭𝟮) 𝗕𝗶𝗻𝗮𝗿𝘆 𝗦𝗲𝗮𝗿𝗰𝗵 (𝗠𝗼𝗱𝗶𝗳𝗶𝗲𝗱)

𝟭𝟯) 𝗧𝗼𝗽𝗼𝗹𝗼𝗴𝗶𝗰𝗮𝗹 𝗦𝗼𝗿𝘁

𝟭𝟰) 𝗧𝗼𝗽 𝗞

𝟭𝟱) 𝗟𝗶𝗻𝗸𝗲𝗱 𝗟𝗶𝘀𝘁 𝗥𝗲𝘃𝗲𝗿𝘀𝗮𝗹

𝟭𝟲) 𝗣𝗲𝗿𝗺𝘂𝘁𝗮𝘁𝗶𝗼𝗻𝘀

𝟭𝟳) 𝗖𝗼𝗺𝗯𝗶𝗻𝗮𝘁𝗶𝗼𝗻𝘀

𝟭𝟴) 𝗧𝗿𝗲𝗲 𝗠𝗮𝘇𝗲 (𝗕𝗮𝗰𝗸𝘁𝗿𝗮𝗰𝗸𝗶𝗻𝗴)

𝟭𝟵) 𝗟𝗼𝗻𝗴𝗲𝘀𝘁 𝗖𝗼𝗺𝗺𝗼𝗻 𝗦𝘂𝗯𝘀𝗲𝗾𝘂𝗲𝗻𝗰𝗲

𝟮𝟬) 𝗠𝗼𝗻𝗼𝘁𝗼𝗻𝗶𝗰 𝗦𝘁𝗮𝗰𝗸

𝟮𝟭) 𝗠𝗲𝗺𝗼𝗶𝘇𝗮𝘁𝗶𝗼𝗻

𝟮𝟮) 𝗧𝗮𝗯𝘂𝗹𝗮𝘁𝗶𝗼𝗻

𝟮𝟯) 𝗠𝘂𝗹𝘁𝗶-𝗦𝗼𝘂𝗿𝗰𝗲 𝗕𝗙𝗦

𝟮𝟰) 𝗠𝗲𝗿𝗴𝗲 𝗜𝗻𝘁𝗲𝗿𝘃𝗮𝗹𝘀

BECOME A FRONTEND WIZARD! 🔮

A collection of frontend challenges, JavaScript problems, and Data Structures & Algorithms (DSA) exercises to sharpen your problem-solving skills. Solve & compete 💪🏻

https://frontwizards.com