مقدمه ای بر آموزش ری اکت react

  • پوریا سبحانلو
  • 2019-06-02 05:50:59
مقدمه ای بر آموزش ری اکت  react

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

ری اکت یه کتابخونه از جاوا اسکریپته برای ساخت رابط کاربری.

دیگه درباره امکانات ری اکت نمیگم و اوتو تو مقاله ای دیگه صحبت میکنم. و میخوام درباره نصب ری اکت بگم

Create a New React App

این یکی از محبوب ترین راه هایی که میشه ری اکت رو نصب کرد چرا؟

  1. میشه کلی فایل در طول پروزه بهش اضافه کرد
  2. از ابزار های جانبی مثل npm کار میکنی.
  3. مشکلات و اشتباه ها رو سریع تشخیص میدی.
  4. ویرایش همزمان  css و js به صورت لایو
  5. خروجی بهینه تری برای تولید محصول

پس بهتری ری اکت رو تو تگ  script لود نکنید تباها laugh

npm

npm init react-app my-app

Yarn

yarn create react-app 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

خوب اخر کاره. تنها کافیه وارد فولدری که توش پروژمون بوده بریم و اونجا

npm start 

کنیم  

___________________________

خوب تا اینجا React رو نصب کردیم اما بریم توضیح درباره فولدر بندیش بندیم.