React که با نام‌های React.js یا ReactJS نیز شناخته می‌شود، یک کتابخانه جاوا اسکریپت برای ساخت رابط‌های کاربری است که توسط توسعه دهندگان فیس بوک ایجاد شده است و توسط متا (فیسبوک سابق) و جامعه ای از توسعه دهندگان و شرکت ها نگهداری می شود. React به توسعه دهندگان اجازه می دهد برنامه های تک صفحه ای و مولفه های رابط کاربری قابل استفاده مجدد بسازند.
اصول React
1. DOM مجازی: React یک DOM مجازی در حافظه ایجاد می کند که در به روز رسانی موثر رابط کاربری کمک می کند.
2. JSX: عبارت JSX (JavaScript XML) یک پسوند نحوی شبیه XML برای جاوا اسکریپت است. این به توسعه دهندگان اجازه می دهد تا کدهای HTML مانند را در جاوا اسکریپت بنویسند.
3. کامپوننت: برنامه های React با استفاده از مؤلفه هایی ساخته می شوند که قابل استفاده مجدد و ترکیب هستند - ویکی پدیا](https://en.wikipedia.org/wiki/React_%28software%29).
4. State and Props: کامپوننت ها می توانند حالت (داده های داخلی) و props (داده های خارجی ارسال شده از اجزای والد) داشته باشند.
5. روش‌های چرخه حیات: اجزای React دارای روش‌های چرخه حیات هستند که به توسعه‌دهندگان اجازه می‌دهد تا به مراحل مختلف زندگی یک جزء متصل شوند.
تاریخچه React
1. **2010**: توسعه دهندگان فیس بوک با مشکلاتی در مورد نگهداری و عملکرد کد مواجه شدند.
2. **2011**: جردن واک، مهندس فیس بوک، نمونه اولیه ای به نام FaxJS ایجاد کرد که بعداً به React تبدیل شد.
3. **2013**: React به صورت عمومی در JSConf US منتشر شد.
4. **2014**: React مورد استقبال گسترده قرار گرفت و Flux، معماری برای مدیریت جریان داده، معرفی شد.
5. **2015**: React Native معرفی شد که به توسعه دهندگان این امکان را می دهد تا با استفاده از React برنامه های تلفن همراه بومی بسازند.
6. **2016**: React Fiber، بازنویسی کامل الگوریتم اصلی React اعلام شد.
7. **2022**: نسخه پایدار فعلی ReactJS 18.2.0 است.
در اینجا پیش نیازها و مراحل نصب React آورده شده است:
پیش نیازها
1. Node.js: زبان React به Node.js and npm (مدیر بسته نود) نیاز دارد. می توانید Node.js را از nodejs.org دانلود و نصب کنید.
2. ویرایشگر متن: برای نوشتن کد خود به یک ویرایشگر متن مانند Visual Studio Code، Sublime Text یا Atom نیاز دارید.
مراحل نصب
1. Node.js and npm را نصب کنید:
- به صفحه دانلود Node.js مراجعه کرده و نسخه LTS (Long Term Support) را دانلود کنید.
- دستورالعمل های نصب سیستم عامل خود (ویندوز، macOS یا لینوکس) را دنبال کنید.
- با باز کردن یک ترمینال (Command Prompt، PowerShell یا Terminal) نصب را تأیید کنید و اجرا کنید:
node -v
npm -v
دستورات بالا باید نسخه های نصب شده Node.js and npm را نمایش دهد.
2. ایجاد یک React App جدید:
ترمینال خود را باز کنید و دستور زیر را برای نصب create-react-app اجرا کنید، ابزاری که یک پروژه React جدید را با یک پیکربندی پیش فرض معقول راه اندازی می کند:
npx create-react-app my-app
نام پروژه مورد نظر خود را جایگزین my-app کنید.
3. به فهرست پروژه خود بروید:
پس از ایجاد پروژه، به دایرکتوری پروژه خود بروید:
cd my-app
4. سرور توسعه را راه اندازی کنید:
سرور توسعه React را با دستور زیر راه اندازی کنید:
npm start
این دستور سرور توسعه را راه اندازی می کند و برنامه جدید React شما را در مرورگر وب پیش فرض شما باز می کند. شما باید صفحه پیش‌فرض استقبال از React را ببینید.
5. پروژه خود را کاوش کنید:
پروژه خود را در ویرایشگر متن دلخواه خود باز کنید. یک ساختار دایرکتوری مانند زیر را خواهید دید:
my-app ├── node_modules ├── public └── src ├── App.css ├── App.js ├── App.test.js ├── index.css ├── index.js └── logo.svg
