جاوا اسکریپت در طول سالها به یک زبان فزاینده محبوب تبدیل شده است ، و جامعه آن به سرعت در حال رشد است ، و توسعه دهندگان به طور مداوم در حال توسعه و ساخت ابزارهای روزمره برای این زبان هستند.
این امر تصمیم گیری در مورد انتخاب ابزار / چارچوب / کتابخانه را دشوار می کند. برای یک کار خاص استفاده کنید ، زیرا همیشه گزینه های مختلفی برای هر آنچه که می خواهید در JavaScript انجام دهید وجود دارد.
در ابتدا ، دشوار است تصمیم بگیرید که کدام کتابخانه یا چارچوب را بیاموزید تا به سرعت پیشرفت خود را به سرعت انجام دهید.
این مقاله در مورد نشان دادن مزایای استفاده از چندین چارچوب جلویی / کتابخانه های جاوا اسکریپت و در نهایت ارائه درک واضح تری از آنها.
React
React در واقع یک چارچوب نیست ، بلکه یک کتابخانه JavaScript برای ساخت رابط های کاربری است.
منبع باز و توسط فیس بوک و جامعه توسعه دهندگان منفرد نگهداری می شود ج.
React در اصل توسط جوردن وك به عنوان یك ابزار داخلی فیس بوك نوشته شد.
بعداً منبع باز شد و در سال 2013 برای عموم مردم منتشر شد و از آن زمان محبوبیت گسترده ای پیدا كرد.
برخی از ویژگی های آن شامل موارد زیر است:
- اجزای واکنشی ، قابل تنظیم و قابل استفاده مجدد را فراهم می کند
- از DOM مجازی استفاده می کند
- بسیار سریع
- مبتنی بر کامپوننت
- اتصال داده یک طرفه
- قابلیت استفاده مجدد کد
- پشت آن روشن و پر رونق است اکوسیستم.
- مدیریت دولت مناسب
نصب و استفاده از
React به دو روش مختلف قابل استفاده است:
- از طریق CDN
- با استفاده از Node.JS
از طریق CDN
می توانید به مقام رسمی آنها مراجعه کنید سایت برای دریافت پیوند اسکریپت که می توانید آن را در برچسب head در نشانه گذاری HTML خود وارد کنید
پیوندها را بر اساس هدف خود انتخاب کنید.
به عنوان مثال ، هنگام استفاده در محیط توسعه:
< اسکریپت crossorigin src = " https://unpkg.com/react@16/ umd / react.development.js " > </ اسکریپت >
< اسکریپت crossorigin src = " https://unpkg.com/react-dom@16/umd/react-dom.development.js " > </ اسکریپت > و برای تولید:
< اسکریپت crossorigin src = " https://unpkg.com/ react@16/umd/react.production.min.js " > </ اسکریپت >
< اسکریپت crossorigin [19659028] src = " https://unpkg.com/react-dom@16/umd/react-dom.production.min.js " > </ متن > Node.JS
من فرض می کنم NodeJS را قبلاً نصب کرده اید.
برای نصب React ، فقط دستور زیر را وارد کنید.
sudo npm i -g create-react-app --save-dev
پس از اتمام نصب ، دستور زیر را وارد کنید create-react-app my-first-react-application
با دستور فوق ، کلیه کتابخانه های مورد نیاز برای کارکرد مناسب React از جمله سرور توسعه ، بسته وب و babel نصب می شود. [19659004] به پوشه اولین پاسخ من بروید و دستور زیر را اجرا کنید
npm start
دستور بالا سرور توسعه را در پورت 3000 شروع می کند.
و هنگامی که به آدرس IP سرور خود با پورت دسترسی پیدا می کنید 3000 ، شما باید از صفحه
Vue.js
استقبال کنید Vue.js یک چارچوب مترقی JavaScript برای ساخت رابط های کاربری تعاملی و برنامه های تک صفحه است.
این چارچوب کتابخانه اصلی روی لایه ارائه متمرکز شده است.
Vue محبوب است زیرا از برنامه های تک صفحه ای پشتیبانی می کند.
برخلاف React ، Vue از HTML خام استفاده می کند نه JSX.
Vue.js منبع باز است و در ابتدا توسط Evan Yu ایجاد شده و به صورت عمومی در فوریه 2014.
در زیر برخی از ویژگی ها آورده شده است.
- این عنصر نمای واكنش پذیر و تركیبی را فراهم می كند.
- با استفاده از DOM مجازی
- تمرکز بر روی كتابخانه اصلی (مانند مسیریابی و مدیریت ایالتی)
- محدوده قابلیت مشاهده CSS بدون CSS-In-J انجام می شود
- اتصال یک طرفه در داخل قطعات.
- پشتیبانی هسته ای اضافی
- قابلیت استفاده مجدد کد
نصب و استفاده از
می توانید از Vue.js در قسمت جلویی یا از طریق CDN یا با Node.js.
برای استفاده از روش CDN ، می توانید اسکریپت زیر را به بخش هدر صفحه HTML خود اضافه کنید.
< script src [19659029] = " https://cdn.jsdelivr.net/npm/vue/dist/vue.js " > </ متن >