إسلام عبدالعزيز

ماذا تستخدم لعمل update للـ store؟ هل تستعمل mapDispatchToProps؟ أيضاً، بداخل الـ FlatList يتم إستعمال cakes بداخل data، من أين تأتي مصفوفة الـ cakes؟

دعني أعطيك مثالاً حقيقياً لفهم الـ keys. لنفترض أن لديك قائمة من الألوان. <ul> <li>Green</li> <li>Blue</li> </ul> إذا أردت إضافة لون جديد إلى نهاية القائمة، فسيكون ذلك سهلاً على React. بكل بساطة، سينظر React للألوان، وسيجد أن العنصر الأول ما زال Green، والعنصر الثاني ما زال Blue، لذا سيكتفي React بدفع اللون الجديد في نهاية القائمة، وليكن اللون هذا Yellow. ولكن، لنفترض دفع لون جديد "Red" إلى بداية القائمة. <ul> <li>Red</li> <li>Green</li> <li>Blue</li> </ul> الآن لدينا مشكلة. لماذا؟ سينظر React للألوان ويجد أن أول عنصر أصبح "Red" وليس "Green" كما كان متوقع. لن يقوم React بالنظر على القائمة كلها، وسوف يفترض أنه عليه تغيير كل العناصر في القائمة ليصل إلى شكل القائمة الجديد. المشكلة هنا أن React قام بعمليات ليست لها فائدة، ولو كانت هذه القائمة كبيرة، وتحتوي على عناصر كثيرة، سيكون التطبيق بطيئًا جدًا. الحل هو إستخدام الـ property key على أي عناصر داخل قائمة. في المثال الأول، سيكون: <ul> <li key="1">Green</li> <li key="2">Blue</li> </ul> وعند إضافة عنصر جديد إلى بداية القائمة، مع الوضع في الإعتبار أننا نريد السرعة، وعدم عمل أي تغييرات ليست مهمة: <ul> <li key="0">Red</li> <li key="1">Green</li> <li key="2">Blue</li> </ul> الآن، سينظر React للألوان وسيجد أنه هناك key على كل عنصر. لذا، سيبدأ بحساب التغييرات اللازمة عن طريق القيم المعطاه في الـ key. سيجد React أن العنصر Green ما زال يحصل القيمة 1 في الـ key، والعنصر Blue ما زال يحصل على 2 في الـ key وسيكتفي بدفع العنصر الجديد إلى بداية القائمة.

عزيزي عبدالواحد، هناك عدة مراحل لبناء واجهات المستخدم. مرحلة التصميم هي المرحلة التي يُستخدم فيها برامج التصميم مثل Sketch. عند الإنتهاء من التصميم، يتم تحويله إلى واجهة مستخدم متفاعلة. لكي تتم هذه المرحلة، يجب عليك معرفة المنصة التي تستهدفها. فمثلاً، إذا كنت تريده تطبيق iOS، سوف تستخدم Swift، وإذا كنت تريده للمتصفحات، فبالتأكيد، JavaScript هي الحل الأمثل. بالنسبة إلى Angular و React، فهم مكتبات وإطارات عمل لتسهيل عملية برمجة واجهة المستخدم. UI Designer: هو المصمم الذي يعمل على تصميم التطبيق أو الموقع بإستخدام برامج التصميم. UI Developer: هو شخص لديه نظرة جيدة في تصميم التطبيقات، ومهمته هي تحويل التصميم إلى صفحات متفاعلة. Front-End Developer: هو الشخص الذي يعمل على تحويل هذه الصفحات المتفاعلة إلى مشروع متكامل وجاهز للإستخدام بـ React أو Angular، ويعمل بشكل كبير مع الـ Back-End Developers لربط الـ APIs الخاصة بالتطبيق.

عزيزي عبدالواحد، في مجال علوم الحاسبات والبرمجة، تعلُّم شئ جديد يعتمد بشكل كبير على خبرتك السابقة. فمثلاً، إذا سألت شخص كان يعمل بـ Rails أو Django عن مدة تعلُّمه لـ Laravel، ستكون، بالتأكيد، أقل من شخص كان يعمل في تصميم واجهات المستخدم. قبل البدأ في Laravel، يجب أن تفهم أولاً اللغة التي يتحدث بها الويب. هذه اللغة هي الـ HTTP. بعد الإنتهاء من الـ HTTP، قم ببناء تطبيق صغير بلغة البرمجة المفضلة لديك بدون إستخدام أي إطار عمل. البدأ بفهم الأساسيات سيجعلك مطور ناجح بكل تأكيد. بالنسبة لإستخدام لابتوب أو PC، ليس هناك فرق كبير في مجال الويب. فقط أحرص على إقتناء SSD بدلاً من الـ HDD حتى تتمكن من العمل بشكل سريع مع الـ Package Managers الخاصة بأي لغة برمجة. ولكن في الأغلب، سيكون اللابتوب أفضل للتحرك والعمل من عدة أماكن.