ریاکت جیاس یک کتابخانه جاوااسکریپتی است که توسط فیسبوک توسعه یافته و به توسعهدهندگان اجازه میدهد رابطهای کاربری پیچیده و تعاملی را بهسادگی ایجاد کنند. یادگیری ریاکت جیاس پایهای است برای هر توسعهدهنده فرانتاند حرفهای.
برای اجرای ریاکت جیاس به Node.js و NPM نیاز دارید. ابتدا بررسی کنید که Node روی سیستم نصب شده باشد:
node -vاگر نسخه Node نمایش داده شد، یعنی همه چیز آماده است. در غیر این صورت نسخه LTS را از سایت رسمی نصب کنید:
برای شروع دو روش اصلی وجود دارد:
در پوشه موردنظر دستور زیر را اجرا کنید:
npx create-react-app my-appسپس وارد فولدر پروژه شوید و آن را اجرا کنید:
cd my-app
npm startاگر مرورگر باز شد و صفحه React ظاهر شد، پروژه با موفقیت اجرا شده است.
برای پروژههای حرفهای و با سرعت بالا، Vite گزینه مناسبتری است:
npm create vite@latest my-appفریمورک React را انتخاب کنید، سپس:
cd my-app
npm install
npm run devپس از ایجاد پروژه، چند پوشه و فایل کلیدی خواهید داشت:
فایل مهم برای شروع:
src/App.js
برای اطمینان از عملکرد پروژه، یک تغییر ساده انجام دهید:
function Welcome() {
return <h1>Hello,World</h1>;
}
export default Welcome;
پس از ذخیره، مرورگر بهطور خودکار تغییرات را نمایش میدهد.
npm start -- --port=3001اکنون شما میدانید چگونه ریاکت جیاس را نصب و اجرا کنید، پروژه را راهاندازی کنید و مشکلات رایج را رفع نمایید. قدم بعدی میتواند یادگیری پیشرفتهتر مفاهیم ریاکت مانند کامپوننتها، مدیریت State و استفاده از React Router باشد.
