آشنایی با فریمورک REACT
React یکی از کتابخانه های رایگان و متن باز برای جاوا اسکریپت است که مربوط به حوزه طراحی رابط کاربری است.توسط ری اکت میتوان امور آدرس دهی صفحات را مدیریت و به واسطه آن قالب های وبسایت برای سایت های تک صفحه ای را ایجاد نمود.شاید به همین دلیل است که یکی از رقبای اصلی انگولار ،ری اکت است.(شاید ذکر این نکته مفید باشد که بدانید انگولار توسط شرکت گوگل و react توسط شرکت فیسبوک پشتیبانی میگردد.این موضوع نشان دهنده میزان جدیت و وسعت این کتابخانه ها است )عاملی که ری اکت را به یک ابزار جذاب تبدیل نموده است ،قابلیت تنظیم نماهای متفاوت برای یک برنامه و یا کامپوننت بر اساس حالت یا state است و به جای اینکه کل برنامه از ابتدا بارگذاری گردد ،این کتابخانه قسمت هایی که نیاز به تغییر دارند را تغییر داده که همین موضوع باعث افزایش UX میشود.
React تاثیر به سزایی در ساده تر شدن مراحل توسعه وبسایت دارد.معماری ری اکت بر مبنای کامپوننت است و همین امر موجب شده استفاده از آن برای تجزیه و استفاده مجدد از کد ها آسان گردد.
نکته حائز اهمیت این است که React در الگوی طراحی MVC عهده دار بخش View است.(View همانطور که از نامش نیز پیداست مربوط به حوزه نمایش است و این بدان معنی است که ری اکت بجای پرداختن به الگوی MVC به امور نمایش اجزا میپردازد.)
خصوصیات REACT چیست؟
هیچ چیزی نیست که بی دلیل محبوب شود.بدون شک ری اکت نیز خصوصیات مفیدی دارد که نزد برنامه نویسان و طراحان سایت محبوب شده که در ادامه به بررسی این موارد میپردازیم:
JSX : JSX شیوه جدیدی از نوشتن کد ها است که هم میتواند شامل HTML باشد و هم جاوااسکریپت که با تریکیب این دو مورد رابط کاربری را به راحتی میتوان توسعه داد.در REACT برای پروسه Templating از JSX یا JavaScript Syntax Edition به جای جاوا اسکریپت عادی استفاده میشود.در واقع JSX نوعی از جاوااسکریپت ساده است که شما میتوانید کدهای HTML را درون ساختار آن قراردهید.این کد ها در بدنه JSX در زمان اجرا به کد های جاوا اسکریپت رندر میشوند.البته ذکر این نکته نیز مهم است که بدون استفاده از کدها را بدون استفاده از HTML به صورت جاوا اسکریپت در اورید که در این زمان دیگر نیازی ندارید که مهارت JSX را بیاموزید.فایل های JSX توسط کامپایلر به فایل های جاوااسکریپت تجزیه میشوند و در مرورگر به اجرا در می ایند.
Virtula Document Objective Model: دومین خصوصیت جالب ری اکت استفاده آن از یک سیستم درون حافظه ای برای کش کردن اطلاعات است که بشکل اختصار با نام Virtual DOM شناخته میشود.این ساختار ابتدا تغییرات اعمال شده را محاسبه نموده و سپس مرورگر کاربر را آپدیت میکند.این ویژگی این امکان را به طراح این امکان را میدهد که بشکلی کد نویسی را انجام دهد که انگار تمام صفحه با اعمال هر تغییر ،رندر میگردد.این در حالی است که کتابخانه ری اکت تنها کامپوننت هایی را رندر میکنند که واقعا دچار تغییر شده اند.
REACT Native : ری اکت دارای ندین کتابخانه native است که توسط توسعه دهندگان اپلیکیشن موبایل و توسط فیسبوک در سال 2015 طراحی شد.توسط این کتابخانه ها میتوان به یک معماری دست یافت که توسط آن اپلیکیشن اندروید نیتیو و IOS نیتیو را توسعه داد.
Single –way data flow : ری اکت شامل یک سری Value است که تغییر ناپذیرند و برای رندر کردن کامپوننت ها استفاده میشوند.ویژگی آن ها نیز مانند ویژگی تگ HTML هر رندر کننده است.در این صورت کامپوننت ها توانایی دستکاری ویژگی ها را ندارند اما میتوانند برای انجام تغییرات از ویژگی Call Back استفاده نمایند که اصطلاحا این امر را با عبارت :
properties flow down; action flow up میشناسند.
دلیل استفاده از REACT چیست؟
در دنیای طراحی واسط کاربری Front-end که هر روز با یک تکنولوژی تازه روبرو هستید ،بهتر است وقت خود را با مواردی که آزمون خود را پس نداده اند و ممکن است با شکست روبرو شود ،هدر ندهید.در صورتیکه بدنبال یادگیری یک تکنولوژی جدید هستید ،یادگیری react به شما توصیه میشود.یادگیری این کتابخانه در عین سادگی برای توسعه اپلیکیشن با رویکرد native گزینه خوبی برای طراحان ویسایت است . همچنین برای استفاده اپلیکیشن نویسان موبایل نیز مناسب است.
اگر شما نیز به دنبال یادگیری فریمورک react هستید باید در ابتدا دوره آموزشی جاوا اسکریپت و جی کوئری را بگذرانید.
البته دوره آموزشی جاوااسکریپت و جی کوئری خود دارای پیش نیاز است :