چالش لیست وظایف (To-Do List) با React.js
ویژگیها:
- نمایش لیست وظایف
- افزودن وظیفه جدید
- حذف وظیفه
- نشان دادن وضعیت تکمیل برای هر وظیفه (تغییر وضعیت با کلیک بر روی وظیفه)
راهنمای پیادهسازی:
- ابتدا یک React app جدید ایجاد کنید.
- یک کامپوننت برای نمایش وظایف بسازید.
- یک کامپوننت برای افزودن وظیفه جدید بسازید.
- از یک state برای نگهداری لیست وظایف استفاده کنید.
- امکان حذف وظایف را پیادهسازی کنید.
- امکان تغییر وضعیت تکمیل برای هر وظیفه را پیادهسازی کنید.
توجه:
- میتوانید از CSS یا کتابخانههای استایلینگ برای زیبایی و طراحی بهتر استفاده کنید.
- برای مدیریت وضعیتها و اعمال تغییرات، از مفاهیمی مانند state و props در React استفاده کنید.
- میتوانید از کتابخانههای معروف مانند React Hooks برای مدیریت state استفاده کنید.
- این چالش به شما کمک میکند تا با مفاهیم اساسی React.js آشنا شوید و توانایی پیادهسازی یک برنامه ساده را به دست آورید.