[DAY 75-77] من یک برنامه تایمر با استفاده از React ساختم

Summarize this content to 400 words in Persian Lang
سلام به همه! به وبلاگ دیگری خوش آمدید که در آن چیزهایی را که در توسعه وب آموخته ام مستند می کنم. من این کار را انجام می دهم زیرا به حفظ اطلاعات و مفاهیم کمک می کند زیرا نوعی یادآوری فعال است.

در روزهای 75-77، پس از نهایی کردن طراحی اپلیکیشن تایمر ساعت با استفاده از CSS، با افزودن قابلیت‌هایی به دکمه‌ها و نمایشگر آن، برنامه‌نویسی برنامه را شروع کردم.

در این وبلاگ، من به شما نشان خواهم داد که چگونه ساخت این برنامه را به پایان رساندم، چگونه آن را در github مستقر کردم و چگونه گواهی پایان خود را به دست آوردم.

کاری که من در ابتدا انجام دادم این بود که یک تابع برای افزایش و کاهش حالت های break و session ایجاد کردم. اضافه کردن 1 دقیقه برای هر کلیک.

من همچنین یک تابع برای کنترل دکمه های شروع، توقف و تنظیم مجدد اضافه کردم.

در مرحله بعد، من یک قلاب useEffect برای کنترل تایمر شمارش معکوس و همچنین حلقه بین حالت های جلسه و استراحت ایجاد کردم. کد به این صورت است: اگر حالت تایمر در حال اجرا باشد، شمارش معکوس پخش می‌شود و پس از اتمام زمان، در قسمت‌های جلسه و حالت‌های شکستن حلقه می‌زند. اگر وضعیت تایمر در حال اجرا نباشد، ساعت مکث می کند. من همچنین یک clearInterval در پایان برگرداندم تا وضعیت تایمر همیشه هر زمان که قلاب اجرا می شود، تازه شود.

ساعت در حال چرخش به جلو و عقب تا 2 حالت است که عبارتند از حالت نشست و حالت استراحت.

به عنوان مثال، من یک جلسه 3 دقیقه ای و یک دقیقه استراحت تعیین کردم. هنگامی که دقیقه جلسه تمام شد، به طور خودکار حالت خود را به حالت شکسته تغییر می دهد و تایمر 1 دقیقه ای را اجرا می کند. بعد از اینکه 0 شد، به طور خودکار حالت خود را به جلسه تغییر می دهد و تایمر 3 دقیقه ای را اجرا می کند. این تا زمانی که کاربر دکمه توقف یا تنظیم مجدد را فشار دهد به چرخه ادامه می یابد.

من شخصا از این برنامه در جلسات مطالعه خود استفاده می کنم. 30 دقیقه زمان جلسه را برای مطالعه و 5 دقیقه برای استراحت تعیین کردم. این روش پومودوروی من برای مطالعه است.

از این برنامه می توان در هنگام ورزش نیز استفاده کرد. یک تایمر 5 دقیقه ای برای کاردیو و یک تایمر 1 دقیقه ای برای استراحت تنظیم کنید.

در نهایت، با پایان یافتن این پروژه، من گواهی‌نامه‌ی مقدماتی خود را از freecodecamp گرفتم و می‌توانم بگویم با توجه به اینکه بعد از 9-5 سالگی این کار را انجام داده‌ام، از پیشرفتم راضی و خوشحالم. من در مدت 3 ماه خیلی چیزها یاد گرفتم و تازه شروع کردم.

اکنون، من مشتاقانه منتظر مطالعه قسمت انتهایی نقشه راه کامل پشته و همچنین پایگاه داده و APIها هستم.

به هر حال، این همه در حال حاضر، به روز رسانی های بیشتر در وبلاگ بعدی من! آنجا میبینمت!