توصیف رابط کاربری
React یک کتابخانهی جاوااسکریپت برای ساخت و نمایش رابطهای کاربری (UI) است. رابط کاربری از بخشهای کوچکی مانند دکمهها، متنها و تصاویر تشکیل میشود. React این امکان را فراهم میکند که این بخشها را در قالب کامپوننتهای قابل استفاده مجدد و تو در تو ترکیب کنید.
از وبسایتهای ساده گرفته تا اپلیکیشنهای موبایل، تمام عناصر قابل مشاهده روی صفحه را میتوان به مجموعهای از کامپوننتها تقسیم کرد. در این فصل یاد میگیرید چگونه کامپوننتهای React را ایجاد کنید، آنها را شخصیسازی کنید و بر اساس شرایط مختلف، به صورت پویا نمایش دهید.
در این فصل یاد میگیرید:
-
اولین کامپوننت React خود را ایجاد کنید.
-
با ساختار فایلهای چندکامپوننتی و زمان مناسب استفاده از آنها آشنا شوید.
-
با استفاده از JSX، کد HTMLمانند را در جاوااسکریپت بنویسید.
-
از آکولادها (
{}) در JSX برای استفاده از قابلیتهای جاوااسکریپت داخل کامپوننتها بهره ببرید. -
کامپوننتها را با استفاده از Props پیکربندی و سفارشیسازی کنید.
-
نمایش شرطی (Conditional Rendering) را پیادهسازی کنید.
-
چندین کامپوننت را به صورت همزمان رندر کنید.
-
با رعایت اصل خالص بودن (Pure Components)، از بروز باگهای رایج جلوگیری کنید.
-
درک کنید که چرا نمایش رابط کاربری به شکل یک ساختار درختی (UI Tree) در React اهمیت دارد.
این محتوا کاملا رایگان توسط تیم کدلپر ترجمه شده و در اختیار شما کاربران عزیز قرار گرفته است، هر گونه کپی برداری برای مقاصد غیر رایگان و بدون ذکر منبع، مورد پیگیری قانونی قرار میگیرد.
ترجمه شده از منبع: https://react.dev/learn