ظاهر کلی برنامه بدین صورت است:
پروژه اولیه
پروژه اولیه را از این لینک دانلود کنید.
ساختار فایلها
quera-users
├── public
│ ├── favicon.ico
│ └── index.html
├── server
│ └── server.js
├── src
│ ├── components
│ │ └── Card.js
│ ├── App.css
│ ├── App.js
│ ├── index.js
│ └── setupTests.js
├── package-lock.json
└── package.json
راه اندازی پروژه
برای اجرای پروژه، بایدNodeJS
و npm
را از قبل نصب کرده باشید.
- ابتدا پروژهی اولیه را دانلود و از حالت فشرده خارج کنید.
- در پوشهی
quera-forms
، دستورnpm install
را برای نصب نیازمندیها اجرا کنید. - در همین پوشه دستور
npm run server
را برای راه اندازی سرور اجرا کنید. - در همین پوشه، دستور
npm start
را برای راهاندازی پروژه اجرا کنید.
توضیحات
در این مسئله شما باید دیتای چند کاربر کوئرایی را از آدرس http://localhost:3500/users
دریافت کنید و بوسیله هوک useMemo
این دیتا را کش کنید و در ادامه با استفاده از الگوریتم Quick Sort
آنها را به گونه ای مرتب کنید و نمایش دهید که از راست به چپ سن کاربران افزایش یابد.
نکات
- شما تنها مجاز به اعمال تغییرات درون فایل های
App.js
وCard.js
هستید. - برای آشنایی بیشتر با الگوریتم
Quick Sort
میتوانید به این لینک مراجعه کنید. - به هنگام ثبت پاسخ، پروژه را با ساختار زیر ارسال کنید:
[your-zip-file-name].zip
├── public
│ ├── favicon.ico
│ └── index.html
├── server
│ └── server.js
├── src
│ ├── components
│ │ └── Card.js
│ ├── App.css
│ ├── App.js
│ ├── index.js
│ └── setupTests.js
├── package-lock.json
└── package.json
ارسال پاسخ برای این سؤال