ویرگول
ورودثبت نام
ferdows_foad
ferdows_foad
ferdows_foad
ferdows_foad
خواندن ۴ دقیقه·۶ سال پیش

مقدمه و توضیح ابتدایی برای React

React یا ReactJS

یکی از سریع ترین و محبوب ترین کتابخانه های JavaScript است که البته متن باز و رایگانه.

این کتاب خونه ماهی می 2013 برای عموم منتشر شده

اما این کتابخانه ابتدا توسط یک مهندس Facebookدرست شد به اسم "جردن واک" در سال 2011 تحت تاثیر XHP که یک کامپوننت HTMLبرای زبان PHP است ایجاد کرد

در همین سال React روی قسمت newsfeed , facebook به کار گرفته شد و 2 سال بعد استفاده از ان به Instagram هم رسید

نکته مهم این است که این کتاب خانه صرفادر الگوی طراحی MVC وظیفه ی view را دارد

View یا interface در واقع مرتبط با نمایش اجزا هستند و طبیعتا React به جای پرداختن به الگوی MVC به وظایفش که مربوط به اجزا هست میپردازد

از دیگر کاربرد های React میتوان به استفاده در طراحی و ایجاد سایت تک صفحه ای و ساخت اپلیکیشن موبایل اشاره کرد

از دلایل محبوبیت React میتوان به خالق ان اشاره کرد

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

همه ما از FaceBook و Instagram استفاده میکنیم و می دانیم که چقدر این دو از نگاه فنی کم اشکال و قابل اطمینان هستند و در سطح بالایی قرار دارند

حالا دقت کنید که یکی از این دو شرکت این کتابخانه را خلق کرده و توسعه داده

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

Reactتمام جنبه های ظاهری یا توسعه اپ موبایل رو به عهده می گیرد

با استفاده از ان بسیاری از پیچیدگی های برنامه نویسی از روی دوش برنامه نویس برداشته می شود

از خصوصیات React میتوان به JSXاشاره کرد

برای پروسه templating از JSX به جای Javascriptعادی استفاده میشودJSX نوعی Javascript هست که این امکان را میدهد که کد های HTML را درون ساختارش قرار دهیم

این کد ها در موقع اجرا به کد های javascript رندر میشوند

ویژگی دیگر ری اکت , Reactnative هست

ری اکت نیتیو که یک 2015 توسط facebook به دست توسعه دهنده های Mobile Application رسید , این کتابخانه ها که برای ایجاد کراس پلتفرم موبایل است و بر پایه ری اکت طراحی شده , یک معماری ارایه میدهند که با استفاده از ان میتوان android Application , Ios Applicationتوسعه داد (با تشکر از حامد زیدآبادی برای پیشنهاد اصلاح این قسمت)Virtual Dom : React از یک ساختار درون حافظه ای برای Catch کردن اطلاعات بهره میبرد

این ساختار ابتدا تغییرات انجام شده را محاسبه میکند و سپس مرورگر را Updateمیکند این ویژگی به طراح سایت و توسعه دهنده این امکان را میدهد که به گونه ای کد نویسی کند که انگار تمام صفحه با هر تغییری رندر میشود در حالی که کتابخانه Raect تنها کامپوننت هایی را رندر میکند که واقعا تغییر کردند

Single way Data Flow : در React یک سری مقدار تغییر ناپذیر به عوامل رندر کننده کامپوننت ها داده میشود

این مقدار ها دقیقا مثل ویژگی تگ های HTML هر رندر کننده ای است

در این حالت کامپوننت ها نمیتوانند به صورت مستقیم دستکاری کنند اما میتوانند از یک عمل کرد Call back استفاده کنند تا به کمک اون تغییرات رو انجام بدن

حالچرا ما از React استفاده میکنیم؟

چون ساده است و امکانات زیادی می دهد و رابط کاربری عالی محصوب میشود


منابع من برای این تحقیق :

https://reactjs.org/



https://virgool.io/p/yrn7zvgjeey4/edit



https://digidanesh.org/

در همین راستا 3 عدد ویدیو تهیه کردم و همین توضیحات به علاوه دو پروژه ساده با استفاده از React که نوشتم داخل اپارات گذاشتم

ممنون میشم ببینید و نظرتون رو با من درمیون بزارید


https://www.aparat.com/v/r2Z91
https://www.aparat.com/v/yQdLE
https://www.aparat.com/v/r2Z91


reactدانشگاه صدراjavascript
۵
۲
ferdows_foad
ferdows_foad
شاید از این پست‌ها خوشتان بیاید