ری اکت چیست و چگونه ری اکت یاد بگیریم ؟

با عرض سلام خدمت شما دوستان عزیز

امروز با یه مقاله ی جدید در زمینه ی ری اکت (React) خدمت شما هستیم , که به طور کامل و کاربردی بهتون بگیم که ری اکت چی هست و به چه دردی میخوره برای کسانی که میخوان وارد طراحی وب و برنامه نویسی بشن.

ری اکت چیست ?

واقعا ری اکت چیست ؟ خیلی از دوستانی که به تازگی زبان برنامه نویسی جاوا اسکریپت رو یاد گرفتن و سپس بین 3 راهی ری اکت، ویو و انگیولار سردرگم شدن و بالاخره تصمیم گرفتن برای ادامه مسیر فرانت اند لایبرری ری اکت رو انتخاب کنن اما اطلاعات زیادی در مورد این لایبرری محبوب ندارن.تو این مقاله قصد داریم به این سوالات که ری اکت چیست و چه کاربرد هایی دارد و همچنین 5 دلیل برای استفاده از ری اکت رو مورد بررسی قرار بدیم.

ری اکت یکی از کتابخانه های اوپن سورس (متن باز) جاوا اسکریپت هست که طبق گفته داکیومنت خودش برای ساخت رابط های کاربری وب سایت ها مورد استفاده قرار می گیرد.

ریپت هست که طبق گفته داکیومنت خودش برای ساخت رابط های کاربری وب سایت ها مورد استفاده قرار می گیرد.

سینتکس JSX چیست ؟

خب همون طور که اطلاع دارین کتابخونه ری اکت از سینتکسی به اسم JSX استفاده می کنه. Jsx مخفف Java Script XML هست. واسه این که نحوه نوشتن این سینتکس رو یاد بگیرین باید با مفهوم XML آشنا باشین.

اگه بخوام خیلی خیلی ساده و خلاصه توضیح بدم، XML رو همون HTML در نظر بگیرین اما با این تفاوت که تو Html تگ های از پیش تعیین شده وجود دارن که فقط مجاز به استفاده از این تگ ها هستیم و نمی تونیم از تگ هایی با اسم دلخواه استفاده کنیم. به عنوان مثال نمی تونیم از تگی به اسم <Amin> استفاده کنیم.

اما شما تو XML می تونین تگ هایی با اسامی دلخواه رو ایجاد کرده و ازشون استفاده کنین. داخل ری اکت هم شما می تونین قسمت های مختلف وب سایتتون رو با اسم های دلخواه ایجاد کرده و استفاده کنین.

حالا Jsx یعنی این که ما بیایم داخل صفحات جاوا اسکریپت کد هایی در قالب Html و Xml بنویسیم. به همین دلیل تو پروژه هایی که با ری اکت توسعه داده میشن هیچ خبری از فایل Html نیست و تمام کد های Html توسط فایل های جاوا اسکریپت Render میشن.

برای شروع ری اکت چه پیش نیاز هایی لازم هست؟

خب همون طور که میدونین ری اکت یکی از لایبرری (کتابخونه) های زبان جاوا اسکریپت هست. پس در وهله اول متوجه میشیم که یکی از پیش نیاز های ری اکت تسلط داشتن روی جاوا اسکریپت هست.

اما از اون جایی که بعد ها جاوا اسکریپت آپدیت شد و ورژن های 6 الی 11 رو هم ارائه داد و تو هر ورژن قابلیت ها و امکانات جدیدی به جاوا اسکریپت اضافه کرد، برای شروع ری اکت علاوه بر جاوا اسکریپت 5 باید حداقل با نسخه 6 (Es6) کار کرده باشین.

حالا ممکن هست براتون سوال پیش بیاد که چه اندازه باید جاوا اسکریپت بلد باشیم تا بتونیم ری اکت رو شروع کنیم.

آیا باید Type Script هم بلد باشیم ؟

برای جواب دادن به این سوال بهتره اول یه توضیح کوتاهی در مورد تایپ اسکریپت داده بشه. تایپ اسکریپت یه زبان برنامه نویسی هست که توسط شرکت مایکروسافت ارائه شده و پشتیبانی می شود.

تایپ اسکریپت یه زبان برنامه نویسی اوپن سورس و کامپایلری هست که قابلیت های پیشرفته و جدیدی به جاوا اسکریپت اضافه کرده است و همچنین برخی از کاستی ها و نقص های جاوا اسکریپت رو برطرف کرده.

به عنوان مثال شما تو جاوا اسکریپت نمیتونین واسه متغیر هایی که تعریف می کنین نوع (Type) تعریف کنین اما تایپ اسکریپت به شما این قابلیت رو میده که بتونین واسه متغیر ها و همچنین ورودی توابع پروژتون Type تعیین کنین.

تایپ اسکریپت بیشتر برای توسعه پروژه های بزرگ مورد استفاده قرار میگیره. به خاطر همین موضوع شما واسه شروع یادگیری ری اکت هیچ نیازی به یادگیری تایپ اسکریپت نیازی ندارین اما بعدها که وارد پروژه های بزرگ تری شدین، حتما حتما تایپ اسکریپت رو هم تو مسیر یادگیری خودتون قرار بدین.

بهترین منبع برای یادگیری ری اکت چیست؟

قطعا بهترین و کامل ترین منبع برای یادگیری هر زبان برنامه نویسی، فریمورک و لایبرری های موجود در این حوزه داکیومنت آن تکنولوژی است. شما می توانید از طریق داکیومنت ری اکت به آدرس reactjs.org آن را یاد بگیرید.

اما از آن جایی که داکیومنت ها به زبان انگلیسی هستند و ممکن است خیلی از دوستان زبان انگلیسی را خوب بلد نباشند، نمی توانند از طریق مطالعه داکیومنت ری اکت را یاد بگیرند. برای این دسته از دوستان ویدئو های یوتیوب را به همراه زیر نویس پیشنهاد می کنم.

اما اگر به هر دلیل نمیتوانید از یوتیوب و منابع آن با زیر نویس انگلیسی استفاده کنید , به شما سایت سبزلرن رو معرفی میکنم تا به صورت رایگان و با اساتید مجرب شروع به یادگیری کنید .

اما همان طور که در قسمت های قبلی گفته شد، شما برای شروع یادگیری ری اکت، ایتدا باید جاوا اسکریپت و اکما اسکریپت 6 را بلد بوده و با آن ها کار کرده باشید.

بخش پایانی

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

اگر سوالی راجب این پست بود میتونید از ما در همین زیر بپرسید تا جوابتون رو بدیم .

تا آموزش بعدی خدا یار و نگهدارتان باشه .