مرحله ی 1
شما قصد دارید یک برنامه وب با استفاده از create-react-app و react-router بسازید.
با استفاده از داده های کاربر از randomUser API، لیستی از 10 کاربر ارائه خواهید کرد.
- نام هر کاربر در لیست نمایش داده می شود.
- با کلیک بر روی نام کاربر به صفحه جزئیات کاربر مربوطه هدایت می شوید که شامل عکس، نام، آدرس ایمیل، ایالت و کشور کاربر است.
داده هایی برای نمایش در صفحه جزئیات کاربر:
- عکس
- نام
- پست الکترونیک
- مکان (ایالت و کشور)
URL API: https://randomuser.me/api/
پارامتر پرس و جو: results=10
اضافی:
در نظر بگیرید که چگونه می توانید کد را بهینه کنید.
مرحله 2
- اجرای مدیریت دولتی
- مجموعه کاربران را فقط یک بار واکشی کنید. وقتی بین صفحات جابجا می شویم، تماس شبکه ای وجود ندارد.
- یک دکمه در صفحه جزئیات اضافه کنید تا کاربر را به عنوان مورد علاقه علامت گذاری کنید.
- در صفحه اصلی، کاربران مورد علاقه را با CSS ویژه برجسته کنید.
