رابط‌های کاربردی با React

دربارهٔ این مسیر آموزشی

React ساخت رابط را به مجموعه‌ای از کامپوننت‌ها تقسیم می‌کند. چالش اصلی، انتخاب مرز درست این اجزا و مشخص‌کردن محل نگهداری وضعیت است. در این مسیر، از JSX و Props شروع می‌کنیم و سپس رابطهٔ State، رویداد کاربر و نمایش دوبارهٔ رابط را در مثال‌های کوچک بررسی می‌کنیم.

داشبورد عادت‌های روزانه، پروژهٔ پیشنهادی مسیر است. فرم افزودن عادت، ثبت انجام فعالیت و نمایش پیشرفت، فرصت کار با ورودی‌های کنترل‌شده و اشتراک وضعیت را فراهم می‌کنند. برای دریافت داده، فقط نتیجهٔ موفق مهم نیست؛ بارگیری، دادهٔ خالی، خطا و پاک‌سازی اثرهای جانبی نیز باید رفتار مشخص داشته باشند.

پیش از ورود به این مسیر بهتر است با توابع، آرایه‌ها، آبجکت‌ها و رویدادهای JavaScript آشنا باشی. در تمرین‌ها، ابتدا یک رفتار ساده را در یک کامپوننت بساز و زمانی آن را تفکیک کن که دلیل روشنی برای استفادهٔ دوباره یا جداسازی مسئولیت‌ها وجود داشته باشد. هدف، ساخت رابطی قابل فهم و نگهداری است.