نوشته های امیر رضا دوست محمدی https://virgool.io/feed/@5minutes fa 2026-06-07 09:46:49 https://files.virgool.io/upload/users/7245/avatar/Z0nia5.jpeg?height=120&width=120 امیر رضا دوست محمدی https://virgool.io/@5minutes ری اکت سریعتر و دوست داشتنی تر https://virgool.io/iran-react-community/%D8%B1%DB%8C-%D8%A7%DA%A9%D8%AA-%D8%B3%D8%B1%DB%8C%D8%B9%D8%AA%D8%B1-%D9%88-%D8%AF%D9%88%D8%B3%D8%AA-%D8%AF%D8%A7%D8%B4%D8%AA%D9%86%DB%8C-%D8%AA%D8%B1-lt7aexgli2e4 parcelسلام ، امروز تو starter kit های ری اکت یه چیز جالب دیدم اونم یه starter kit به اسم parcel بود که تو داخل خود document ش میگه.Parcel is Fast, zero configuration web application bundler معنی این متن میشه که parcel یه bundler مثل webpack ولی خیلی سریع تر خب تو این قسمت یه اپ react با این bundler می سازیم.اول بسم الله parcel cli رو نصب می کنیمnpm i --g parcel-cliبعد یه فولدر به اسم parcel-test می سازیم و npm رو اونجا intialize می کنیمnpm init --yesبا این کار npm یه فایل package.json برای ما می سازه که می تونیم باهاش پکیج های مورد نیازمون رو نصب کنیمحالا با دستور زیر موارد مورد نیاز رو نصب می کنیم.npm i --save react react-dom parcel-bundler babel-preset-react babel-preset-env babel-plugin-transform-class-properties // bad in ro nasb conid bra babel npm i --save-dev babel-coreبعد از نصب این وابستگی ها یه فایل .babelrc درست می کنیم تا به babel بگیم چیکار کنه// .babelrc { "presets": ["env", "react"], "plugins": ["transform-class-properties"] }بعد دستورات زیر رو به package.json اضافه می کنیم"scripts": { "start": "parcel src/index.html", "build": "parcel build src/index.html --public-url ./" },بعد یه فولدر src درست می کنیم و فایل های زیر رو داخلش می سازیم App.js index.js index.html بعد از اینا می ریم سراغ index.html که به صورت زیر هستش<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>React with parcel</title> </head> <body> <div id="root"></div> <script src="./index.js"> </body> </html>بعد index.js که اینطوری میشهimport React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(<App/>,document.querySelector('#root'));بعد از اینا فایل App.js رو درست می کنیمimport React from 'react'; const App = () => { return ( <div> <h1>Hello World + React with parcel</h1> <p>this tutorial in virgoole.io</p> </div> ) }; export default App;بعد از اینا نوبت به تست می رسه من سعی کردم سادگی رو حفظ کنم که قابل فهم باشه حالا کافیه با دستور زیر روی localhost بالا بیاریم این پروژه ساده روnpm start // or npm run startبا دستور زیر وقتی آدرس زیر رو تو مرورگرتون باز کنید پیام رو می بینید http://loaclhost:1234اینم parcel که خیلی سریع تر از webpack هست از نظر امکانات نمی دونم ولی خروجی build که می دیده فوق العاده کم هست طوری که تو سایت خودشون گفتنBased on a reasonably sized app, containing 1726 modules, 6.5M uncompressed. Built on a 2016 MacBook Pro with 4 physical coresیه برنامه با 1726 ماژول و فشرده نشده اون شده 6.5 مگابایت که فک می کنیم این آمار آمار خوبی باشه برای اثبات خروجی کم حجماگه دوست دارید کد ها رو داشته باشین اینم repo github اگه سوالی، نظری چیزی مد نظرتون هست بگید سعی می کنم سریع جواب بدم! امیر رضا دوست محمدی امیر رضا دوست محمدی Sat, 29 Jun 2019 15:42:48 +0430 اولین پنج دقیقه شروع شد! https://virgool.io/@5minutes/%D8%A7%D9%88%D9%84%DB%8C%D9%86-%D9%BE%D9%86%D8%AC-%D8%AF%D9%82%DB%8C%D9%82%D9%87-%D8%B4%D8%B1%D9%88%D8%B9-%D8%B4%D8%AF-ljdppltjeqsi خب یه مدت بود داشتم فکر می کردم چی کار کنم که هم مفید باشه هم باتجربه ترمون کنهگفتم بیایم یه قرار بزاریم باهم که مطالبی بنویسیم که مفید باشه ، بعضی وقتا که تو ویرگول چرخ می زنم فک می کنم اومدم یه جایی که هیچی نمی فهمم ، فقط عکسا رو نگا می کنم آخه الان کی دیگه دنبال یادگرفتن ترفند های تلگرام ؟ یه بند خدایی اومده پست گذاشته که چطوری تو تلگرام فلان کنیم ، چطور ربات تلگرام بسازیم .اینا همه تو کوتاه مدت خوبه ولی تلگرام فیلتر شده و نمی تونه اونقدر قابل اعتماد باشه که آدم بشینه پای این کارا ! بگذریم (قصد جر و بحث سر این موضوع رو ندارم).اصل این ایده اینه که هر کسی که تو هر چیزی هنری داره یه مطلبی بذاره که به درد مردم بخوره یا به قولی محتوای مفید تولید که من که خودم سعی می کنم این کار رو انجام بدم ولی در کل کسایی هستن تو ویرگول که حتی مطالب 1 دقیقه ای شون هم واسه آدم مفیده ، یا بعضی ها هم فیلم های مفید می زارن با اون کسایی هم که دل نوشته می نویسن کاری نداریم ، فقط اونایی که می خوان محتوای آموزشی درست کنن سعی کنن یه چیزی مفید باشه و تازه که تو اینترنت نباشه کسی هم دنباله لایک و اینا نباشه ، کیف دنیای متن باز اینه که یه سری حال کنن با چیزی که داری می نویسی یا می گی .مطلب رو کوتاه می کنم و می گم که قرار مطالب برنامه نویسی خوب که جایی نباشه رو سعی کنم درست کنم اگه هم کسی علاقه داره با هشتگ #5_دقیقه متن هاش رو منتشر کنه تا با هم اطلاعات خوب و مفید رو اشتراک بگزاریم و این شبکه اجتماعی رو که محتوا محور هست به گند نکشیم اگه می خواستیم درباره ربات تلگرام بدونین تو google سرچ کنید.هرکی شوق متن نوشتن با محتوا داره بسم الله!هر کی هم موافقه با من نظرشو بگه حال کنیم امیر رضا دوست محمدی امیر رضا دوست محمدی Sat, 29 Jun 2019 00:56:47 +0430