چالش | دریمرا
ریکت جی اس

4

شرکت کننده

برنز I

برنز I
5 ماه 1 هفته

امتیاز دریافتی نفر اول

200

تجربه دریافتی نفر اول

200

چالش لیست وظایف (To-Do List) با React.js ویژگی‌ها:

  1. نمایش لیست وظایف
  2. افزودن وظیفه جدید
  3. حذف وظیفه
  4. نشان دادن وضعیت تکمیل برای هر وظیفه (تغییر وضعیت با کلیک بر روی وظیفه)

راهنمای پیاده‌سازی:

  1. ابتدا یک React app جدید ایجاد کنید.
  2. یک کامپوننت برای نمایش وظایف بسازید.
  3. یک کامپوننت برای افزودن وظیفه جدید بسازید.
  4. از یک state برای نگه‌داری لیست وظایف استفاده کنید.
  5. امکان حذف وظایف را پیاده‌سازی کنید.
  6. امکان تغییر وضعیت تکمیل برای هر وظیفه را پیاده‌سازی کنید.

توجه:

  • می‌توانید از CSS یا کتابخانه‌های استایلینگ برای زیبایی و طراحی بهتر استفاده کنید.
  • برای مدیریت وضعیت‌ها و اعمال تغییرات، از مفاهیمی مانند state و props در React استفاده کنید.
  • می‌توانید از کتابخانه‌های معروف مانند React Hooks برای مدیریت state استفاده کنید.
  • این چالش به شما کمک می‌کند تا با مفاهیم اساسی React.js آشنا شوید و توانایی پیاده‌سازی یک برنامه ساده را به دست آورید.
شرکت در چالش
pan_tool_alt