جستجو
برای جستجو متن مورد نظر وارد کنید و Enter بزنید برای بستن Esc بزنید.
ری اکت (React) یک کتابخانه جاوا اسکریپتی برای ساخت رابط کاربری بوده که برای ایجاد برنامههای تحت وب با استفاده از کامپوننتها، قابل استفاده است. از جمله ویژگیهای برجسته React میتوان به سادگی، قابلیت استفاده مجدد، امنیت، و سرعت اشاره کرد. React با استفاده از مدل مفهومی ویژه خود که به عنوان Virtual DOM شناخته میشود، امکان ایجاد برنامههای پویا و پاسخگو را فراهم میکند. قبل از این که دقیقتر بررسی کنیم که ری اکت چیست، بد نیست بدانید یادگیری React، برای توسعه دهندگان وب بسیار مهم است، چرا که بسیاری از شرکتها از React برای توسعه برنامههای خود کمک میگیرند. همچنین، یادگیری React راه را هموار کرده تا بتوانید با فریمورکهایی نظیر Angular و Vue نیز آشنا شوید.
اگر میخواهید یک اپلیکیشن واقعی ری اکت بسازید باید از ابزاری مانند Webpack استفاده کنید. وب پک کد شما را بستهبندی میکند، زیرا ری اکت از برخی الگوها استفاده میکند که به طور پیشفرض در مرورگر کار نمیکنند. از این لحاظ استفاده از Create React App کاملاً مفید است چون اغلب پیکربندیها از قبل انجام شده است.
در حال حاضر ما از React CDN استفاده میکنیم که تنها برای مقاصد توسعه کد مناسب است. همچنین از Babel CDN استفاده میکنیم و از این رو میتوانیم از برخی ویژگیهای غیراستاندارد جاوا اسکریپت استفاده کنیم. در ادامه در مورد آنها بیشتر صحبت خواهیم کرد.
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script> <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js">
در یک پروژه کامل ری اکت، باید اجزای مختلف به فایلهای مختلف تقسیم شوند. با توجه به این که در این راهنما قصد ما آموزش است همه کدهای جاوا اسکریپت را فعلاً در یک فایل قرار میدهیم.
کامپوننتها یکی از بخشهای خیلی مهم در ریاکت هستند. تمامی وب اپلیکیشنهای طراحی شده توسط ریاکت از قطعات مختلفی تشکیل شدهاند که تحت عنوان کامپوننت شناخته میشوند. با استفاده از کامپوننتها طراحی رابط کاربری خیلی ساده تر خواهد بود. در ریاکت کامپوننتها به دو دسته تقسیم میشوند.
کامپوننتهای کلاس کمی نسبت به کامپوننتهای تابعی پیچیدهتر هستند.این کامپوننت از وضعیت دیگر کامپوننتهای موجود در برنامه شما مطلع نیستند اما کامپوننتهای کلاس میتوانند با یکدیگر در ارتباط باشند.
کامپوننتهای تابعی به زبان ساده همان توابع جاوا اسکریپت هستند. با نوشتن یک تابع جاوا اسکریپت در ری اکت میتوانید یک کامپوننت تابعی خلق کنید. این توابع میتوانند دادهها را به عنوان پارامتر دریافت کنند اما میتوانند هیچ پارامتری هم دریافت نکنند.
در این مقاله به سؤال ری اکت (React) چیست پرداختیم و گفتیم که React یک کتابخانهی JavaScript برای ایجاد رابطهای کاربری روان و پویا است. React یک کتابخانهی قوی است که تجربهی طراح را بهبود بخشیده و یادگیری و کار با آن آسان است. React هر ابزاری که برای ایجاد یک رابط کاربری با بارگذاری سریع و عملکرد عالی لازم است را در خود دارد. DOM مجازی React امکان مدیریت سریع درخواستهای کاربر را بدون بهروزرسانیهای مکرر فراهم کرده و صفحات وب را برای اهداف سئو بهینه میکند. React همچنین Backward compatible است؛ به این معنی که نسخههای قدیمی آن باعث ایجاد دردسرهای غیرضروری نمیشوند.
بسیار عالی