ایجاد اپلیکشن React.js بوسیله دستور create-react-app

Create React App یکی از راه‌های رسمی برای ساختن اپلیکشن های React هست.

راهی ساده و مدرن برای ساختن یک اپلیکیشن single page ریکت بدون هیچ گونه نیاز به پیکر بندی.

شروع:

npx create-react-app my-app
cd my-app
npm start

اگر شما قبلاً create-react-app را به صورت globally توسط npm install -g create-react-app نصب کرده‌اید، ما توصیه میکنیم که آن پکیج را بوسیله دستور npm uninstall -g create-react-app پاک کنید تا مطمئن شوید npx همیشه آخرین ورژن را نصب میکند.

Npx با npm5.2 و نسخه های بالاتر همراه هست پس نیازی به نصب آن نیست

سپس http://localhost:3000 را باز کنید تا اپتان را ببینید.

سریع شروع کنید

نیازی به نصب و پیکربندی ابزار هایی مثل webpack و Babel نیست زیرا آن‌ها از قبل پیکربندی شده‌اند و تمرکز شما فقط روی کد باشد.

فقط پروژه را درست کنید و آماده شروع باشید.

درست کردن یک اپ

شما نیاز به Node ورژن ۸٫۱۰ روی محیط لوکال توسعه خود دارید اما روی سرور نیازی ندارید.

شما میتوانید از nvm روی لینوکس و مک و nvm-windows روی ویندوز برای جابه جایی بین ورژن های مختلف node استفاده کنید.

برای درست کردن یک اپ میتوانید از روش‌های زیر استفاده کنید.

Npx

npx create-react-app my-app

npm

npm init react-app my-app

npm initit <initializer> is available in npm ۶ or higher

Yarn

yarn create react-app my-app

yarn create is available in yarn 0.25 or higher

انتخاب package manager

زمانی که اپ جدیدی را میسازید، CLI( command line interface ) از yarn استفاده میکند تا یک سری dependency ها را نصب کند. اگر شما Yarn رو نصب شده دارید اما ترجیح میدهید که از npm استفاده کنید میتوانید از دستور زیر استفاده کنید.

npx create-react-app my-app --use-npm

خروجی(output)

هر یک از این کامند ها پوشه ای به نام my-app ایجاد میکند که در داخل این پوشه پروژه ای به شکل زیر درست می‌شود

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

نیاز به هیچ کار پیچیده‌ای بعد از نصب نیست وقت کافیست بعد از نصب با دستور زیر وارد پوشه پروژه تان شوید

cd my-app

npm start or yarn start

اپلیکیشن را در حالت دولوپمنت باز کنید و http://localhost:3000 را در مرورگر باز کنید.

این صفحه به صورت اتوماتیک بعد از هر بار تغییر در کد reload خواهد شد.

npm test or yarn test

فرمان تست را در حالت تعاملی اجرا کنید

شما آماده‌ هستید تا اولین پروژه تان را شروع کنید

منبع https://create-react-app.dev/docs/getting-started

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *