آموزش React JS

فایلهای مرتبط

 React چیست؟

React یک کتابخانه UI توسط فیسبوک ساخته شده است برای راحتی و ایجاد تعامل در استفاده مجدد اجزاء است. فیسبوک در ساخت محصول همچون Instagram از آن استفاده میکند.

یکی از نقاط منحصر به فرد آن این است که، نه تنها کارها را در سمت سرویس گیرنده انجام می دهد، بلکه در سمت سرور هم کار می کند، و اینها در کنار هم بصورت سازگار کار می کنند.

برای کار با اجزای صفحه از مفهومی به نام Virtual DOM استفاده می کند که این امکان را میدهد تا Node انتخابی DOM را بر اساس تغییرات اخیر ارائه دهد که باعث کمترین بروزرسانی در DOM خواهد شد.

 

 Virtual DOM چگونه کار می کند؟

تصور کنید شی دارید که از افراد اطراف حد مدل سازی کرده اید. این شی هر اموالی که یک شخص واقعی می تواند داشته باشید را دارد، و وضعیت فعلی شخص را منعکس می کند. این دقیقا چیزی است که React با DOM ها می کند.

 

حال به این فکر کنید که شی ما زمان دارد و برخی از تغییرات در آن انجام شده است. به عنوان مثال، سبیل، برخی از عضلات دو سر و چشم … اضافه شده است. در دنیای React، وقتی این تغییرات را اعمال می کنیم، دو چیز اتفاق می افتد. اولی، React از الگوریتم diffing برای شناسایی تغییرات استفاده می کند. دومی، اصلاح کردن، جایی که DOM ها با نتایج متفاوت اصلاح می شوند.

 

به جای در نظر گرفتن یک شخص واقعی و ساخت آنها از ابتدا، تنها لازم است صورت و بازوها را تغییر دهید. به این معنی که اکر شما متنی را در ورودی داشته باشید، تا زمانی که گره مادر برای اصلاح برنامه ریزی نشده است، متن دست نخورده باقی خواهد ماند.

 

بخاطر اینکه React از DOM جعلی استفاده می کند نه واقعی، ما می توانیم آن DOM جعلی را روی سرور نمایش دهیم.

سر فصل های آموزش:

  • راه اندازی صفحه
  • مبانی
  • JSX
  • اجزاء یا Components
  • Props
  • Spacs،  Lifecycle و State
  • متد های Lifecycle
  • Specs
  • State
  • گردش داده یک طرفه          

 

متن کامل آموزش را در فایل پیوست مطالعه نمایید


آخرین بروزرسانی
۱۴ اسفند ۱۴۰۲ 
تعداد کلیک
۵,۳۴۷

فهرست نظرها و ارسال نظر جدید

نام را وارد کنید
ایمیل را وارد کنید
تعداد کاراکتر باقیمانده: 1000
نظر خود را وارد کنید