من وجهة نظري سبب وجود الخلاف ده عن أهميتها للفرونت ايند من عدمه هو ان اللي بيقول انها مهمة مبيديش امثلة حقيقية عن أستخدامها في الفرونت ايند، وغالبا الإجابة بتكون بالشكل ده:

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

Data Structures in Frontend

المقال ده عظيم بيدي Real World Examples بتستخدم فيها الداتا ستراكشر في الفرونت أيند والأمثلة مش خيالية او نادرة دي حاجات انت بتشوفها بعينك كل يوم في اي موقع تقريبا.

الجميل بردو انه كاتب الأمثلة بالـ React.js عشان يوريك الموضوع in action مش مجرد كلام نظري وخلاص، وبردو اتكلم عن الـ Performance وازاي لو استخدمت الداتا ستراكشر المناسبة هتحسن الـ Performance بشكل كبير.

الداتا ستراكشر والـ Real World Example:

  • Map -> Messages with user names.
  • Set -> Keeping track of selected items.
  • Stack -> Undo previous actions.
  • Queue -> Notifications.
  • Tree -> Nested menus or comments.

حاول لو انت مقتنع ان الداتا ستراكشر ملهاش لزمة للفرونت ايند انك تقرأ الأمثلة اللي هو كاتبها وشوف انت هتحل المشكلة دي ازاي وقارن بالحل بتاعه، وده لينك المقال:

https://profy.dev/article/javascript-data-structures#real-world-example-undo-previous-actions