این آموزش در واقع درس اول از آموزش React ___ سریع و پروژه محور با ساخت یک فروشگاه ساده میباشد. در این آموزش، در مدت زمان 7 دقیقه خیلی سریع شروع به نصب سه ابزار مورد نیاز برای ساخت یک پروژه React.js میکنیم. و اولین پروژه React.js را میسازیم. این آموزش به صورت مستقل در هم رویش منتشر شد.
React چیست ؟
React یک کتابخانه متن باز بر اساس جاوا اسکریپت که در سال 2013 توسط تیم توسعه فیسبوک برای اولین بار منتشر شد. امروزه React در بین برنامه نویسان و طراحان وب از جایگاه ویژه ای برخوردار است.
این آموزش در یک نگاه:
در ابتدای این آموزش شروع به نصب ابزارهای مورد نیاز برای ساخت یک پروژه React.js میکنیم. به ترتیب در قدم اول Node.js را نصب میکنیم. سپس در قدم بعدی، شروع به نصب نرم افزار git میکنیم. و در قدم آخر برای ساخت یک پروژه React، نیاز به یک text.editor داریم. پس شروع به نصب یک text.editor میکنیم. در این آموزش ما vscode را به عنوان یک text.editor در نظر گرفته ایم و نصب میکنیم.
در انتها خیلی سریع و پروژه محور، اولین پروژه React.js را میسازیم.
پیشنیاز
ندارد
این آموزش بی نظیر است زیرا:
- React یکی از محبوبترین فریمورک های طراحی وب در جهان میباشد.
- سریع و پروژه محور
- بازار کار بسیار عالی در داخل و خارج از ایران دارد.
در راستای این آموزش مطالب مقاله زیر در مجله هم رویش به شما پیشنهاد می شود:
ری اکت چیست ؟ ____ مقدمه ای بر تعریف react برای مبتدیان
Vue یا React ___ کدام فریمورک را در چه زمانی انتخاب می کنید؟
کلید واژگان
آموزش نصب ری اکت – نصب ری اکت – نصب ری اکت جی اس – آموزش پروژه محور react js
salehi (خریدار محصول) –
سلام و خسته نباشید
استاد من برای نصب ری اکت جی سون با مشکل واجه شدم بعد از تایپ npx create-react-app frontend به من خطاهای زیادی نشون میده .لطفا راهنمایی کنید .
npx create-react-app frontend
Creating a new React app in C:\Users\NRP-GROUP\Desktop\frontend.
Installing packages. This might take a couple minutes.
Installing react, react-dom, and react-scripts…
npm WARN deprecated @babel/plugin-proposal-numeric-separator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
npm WARN deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
npm WARN deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
npm WARN deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
npm WARN deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
npm WARN deprecated abab@2.0.6: Use your platform’s native atob() and btoa() methods instead
npm WARN deprecated domexception@2.0.1: Use your platform’s native DOMException instead
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
npm WARN deprecated w3c-hr-time@1.0.2: Use your platform’s native performance.now() and performance.timeOrigin.
npm ERR! code ETIMEDOUT
npm ERR! network
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network ‘proxy’ config is set properly. See: ‘npm help config’
npm ERR! A complete log of this run can be found in: C:\Users\NRP-GROUP\AppData\Local\npm-cache\_logs\2024-05-14T08_59_10_150Z-debug-0.log
Aborting installation.
npm install –save –save-exact react react-dom react-scripts has failed.
Deleting generated file… node_modules
Deleting generated file… package.json
Deleting frontend/ from C:\Users\NRP-GROUP\Desktop
Done.
ابراهیم –
بسیار آموزش مفیدی بود ممنون از استاد گرامی و هم رویش بابت رایگان بودن.