پیش نیازهای یادگیری React.Js چیست ؟

۱- جاوا اسکریپت مقدماتی
۲-  اکما اسکریپت
۳-  ری اکت جی اس
۴-  ری اکت نیتیو

پیش نیازهای یادگیری فریم ورک react.js به ترتیب موارد زیر هستن :

1 - یادگیری Html و css و JavaScript

در اولین مرحله شما باید طراحی قالب و المنتهای اون یعنی Html  و Css و JavaScript رو بلد باشید. البته این مورد خیلی واضح و مشخص بود اما خب باید اشاره می شد.

2 - یادگیری یک زبان برنامه نویسی سمت سرور

برای کار با فریم ورک react.js شما باید یک زبان برنامه نویسی سمت سرور مثل Asp.net Core رو یاد بگیرید.

3 - آموزش node.js

برای کار با react.js شما باید تا حد نیاز با مفاهیم node.js آشنا باشید. در واقع node.js یک محیط اجرایی جاوااسکریپت هست که در سمت سرور اجرا میشه. همونطوری که میدونید کدهای جاوااسکریپت روی کلاینت و مرورگر کاربر اجرا میشن. اما توسط node.js جاوااسکریپت روی سرور اجرا میشه.

4 - آموزش npm

npm یا node package manager یک نرم افزاری مدیریت پکیج ها و کتابخانه های جاوااسکریپت هست و نرم افزار پیش فرض مدیریت پکیج های node.js هست. شما توسط npm می تونید به سادگی پکیج های جاوااسکریپتی مورد نیاز خودتون رو نصب کنید، آپدیت کنید و یا حذف کنید. npm یک نرم افزار مدیریت پکیج هست که عملیات ایجاد پروژه، به اشتراک گذاری پروژه و پابلیش اون رو برای برنامه نویسا خیلی ساده میکنه.

5 - آشنایی با مفهوم jsx

یکی از پیش نیازهای دیگه برای کار با react آشنایی با jsx هست. در واقع میشه گفت JSX یک فرمت جاوااسکریپتی هست که به همراه react استفاده میشه و برای توصیف عناصر UI استفاده میشه. کدهای Jsx هم قبل از اجرا در مرورگر کاربر تبدیل به کدهای JavaScript ساده میشن.

در ادامه یک مثال از Jsx رو میارم که فهمش براتون راحتتر بشه :

const Hello =<h1> Hello world </h1>;

یا مثلا

const hello = <h2 className = "IRC"> Hello World </h2>

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

6 - آشنایی با WebPack

حین کار با react.js شما از کتابخانه ها و پکیج های جاوااسکریپتی زیادی استفاده می کنید. توسط webpack بسته بندی، کامپایل، بهینه سازی، فشرده سازی و ... انجام میشه.در واقع webpack مدیریت کاملی از پکیج ها شما رو انجام میده و حتی تبدیل کدهای typeScript به جاوااسکریپت در صورت استفاده، یا مدیریت Bable ها و ... رو هم انجام میده.

دقت کنید برای کار react.js این موارد هم استفاده میشن و بهتره بدونید چی هستن. با ترکیب این موارد شما می تونید react.js رو کار کنید.

موفق باشید