جاوا اسکریپت در طول سالها به یک زبان فزاینده محبوب تبدیل شده است ، و جامعه آن به سرعت در حال رشد است ، و توسعه دهندگان به طور مداوم در حال توسعه و ایجاد ابزارهای روزمره برای این زبان هستند. برای یک کار خاص استفاده کنید ، زیرا گزینه های مختلفی برای کلمات واقعی که می خواهید در JavaScript انجام دهید همیشه وجود دارد. نشان دادن مزایای استفاده از چندین فریم ورک جلو / کتابخانه های جاوا اسکریپت و در نهایت ارائه درک واضح تری از آنها.
React
React در واقع یک چارچوب نیست ، بلکه یک کتابخانه JavaScript برای ساخت رابط های کاربری است.
منبع باز و توسط فیس بوک و جامعه توسعه دهندگان منفرد نگهداری می شود ج.
React در اصل توسط جوردن وك به عنوان یك ابزار داخلی فیس بوك نوشته شد.
بعداً منبع باز شد و در سال 2013 برای عموم مردم منتشر شد و از آن زمان محبوبیت گسترده ای پیدا كرده است.
برخی از ویژگی های آن شامل موارد زیر است:
- اجزای واکنشی ، قابل تنظیم و قابل استفاده مجدد را فراهم می کند
- از DOM مجازی استفاده می کند
- بسیار سریع
- مبتنی بر مonلفه
- اتصال داده یک طرفه
- قابلیت استفاده مجدد کد
- پشت آن روشن و پر رونق است اکوسیستم.
- مدیریت دولت مناسب
نصب و استفاده از
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] به پوشه my-first-response-application بروید و دستور زیر را اجرا کنید
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 " > </ متن >