Peyman
Peyman
خواندن ۱ دقیقه·۱۰ ماه پیش

React Life Cycle


توی مدت زمانی که داریم از یک کامپوننت توی برناممون استفاده میکنیم این کامپوننت وارد فاز های مختلفی از طول حیاتش میشه دقیقا عین هر آیتم دیگه ای توی دنیای واقعی.


Mount:

اولین لایف سایکل یا چرخه حیات مربوط به زمانیه که یک کامپوننت بوجود میاد و برای اولین بار رندر میشه اصطلاحا بهش میگنMount شده. این جا نقطه ایه که state ها و props های اولیه ساخته میشن و یجورایی کامپوننت ما تازه متولد میشه.

Rerender:

حالا که کامپوننت ما رندر شده و میشه روی صفحه دیدش این امکان وجود داره که بارها و بارها این کامپوننت ری رندر بشه اما دقیقا چه زمانی این اتفاق میفته؟ طبیعتا هر زمانی که state ها تغییر پیدا کنن اما این تنها زمانی نیس که کامپوننت ما ری رندر میشه بلکه هر زمان که:
1- props ای توسط کامپوننت دریافت شه
2- کامپوننت والد مربوط به کامپوننت ما ری رندر شه ویا
3- context تغییر بکنه
کامپوننت ما دچار ری رندر میشه اما نکته ای که هست اینه که این فاز الزاما نیاز نیست برای تمام کامپوننت ها اتفاق بیفته گاها مواردی وجودداره که کامپوننت بوجود میاد و ازبین میره بدون اینکه حتی یک بار ری رندر صورت بگیره

Unmount:

و طبیعتا فاز عمر کامپوننت که توی این مرحله برنامه ما نه با این کامپوننت و نه با هیچ یک از state و یا Props هاش هیچ کاری نداره و این کامپوننت و تمام متعلقاتش ازبین میرن توی این فاز.


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