Малко контекст за Vuejs
SPA са сегашният най-модерен модел за разработка на уеб приложения, използван от повечето потребители и има основателна причина. Той позволява отзивчиво и по-плавно потребителско изживяване чрез зареждане на една HTML страница, която се зарежда динамично, докато потребителят взаимодейства. Приложението SPA премахва необходимостта от постоянно презареждане на страницата. Повече интерактивност означава повече JavaScript, така че добре организираният код и лесният за тестване код със сигурност са важни. Това е една от основните причини, поради които се появяват JavaScript рамки.
Има много рамки и библиотеки, за да поддържате кода си правилно. Като Vue.js, Angular, React, Meteor, Ember.js, за да назовем само няколко. Всеки има своите уникални характеристики. Ще обясня защо Vue.js е по-добър от другите и защо бихме го използвали.
Vue.js е разработен от Evan You през 2014 г., след като той напусна Google.inc. Идеята му беше да изгради рамка с ниско тегло и бързо изобразяване, базирана на Angular. Функциите на Vuejs включват:
· Възможност за разширяване на компонентите до HTML елементи.
· Лесна способност за управление на състоянието за по-голяма реактивност.
· Прилагане на преходи към актуализирани елементи в DOM.
· Горещо презареждане на DOM.
Конкуренти
Всеки вече трябва да знае, че React е ключовият конкурент. Но през тази година с над 140 000 звезди в GitHub, Vue.js се превръща в най-модерната JavaScript front-end рамка, над React и Angular в броя на звездите в GitHub с разумен марж. Що се отнася до общата популярност, React все още е нагоре, а Angular, благодарение на своята специфика, държи позицията си. И така, защо Vue, които печелят повече атракция всеки месец?
Vue може лесно да се интегрира в големи проекти за разработка на интерфейс без външни предизвикателства и е лесно адаптивен. Освен това може лесно да се интегрира в големи проекти за разработка на интерфейс без външни предизвикателства. Без никакви допълнителни плъгини и външни библиотеки, Vue.js помага да се кодират стабилни и надеждни приложения. Днес Vue има голям брой спонсори и сътрудници.
В конкуренцията на JS front-end framework обаче React печели с Vue.js по отношение на популярност и комерсиална употреба. Но няма съмнение, че Vue ще навлезе в реалността на разработчиците бавно, но прогресивно
„Мисля, че тази година Vue получи най-високата оценка за удовлетвореност сред рамките в щата JS (91,2%) — благодарение на нашите потребители и ние се стремим да се справим още по-добре! Надяваме се, че можем да променим мнението на 568 души, които не искат да го използват отново.“
Евън Ю
Създател на Vue.js
Всъщност броят на разработчиците, които са използвали Vue и биха го използвали отново, е нараснал от 19,6% през 2017 г. до 28,8% през 2018 г., според „проучването на състоянието на JavaScript“. Vue получи 91,2% като рамка с най-висок рейтинг на удовлетвореност сред потребителите в същото проучване.
Нека да разгледаме статистиката.
Защо Vue.js ще продължи да расте?
Като надгражда най-добрите съставки на Angular и React и добавя своя собствена уникална подправка към сместа, Vue се оказа достатъчно вкусен, за да предизвика постоянен апетит у разработчиците на JS.
Ето защо Vue придобива повече привлекателност.
Нежна крива на обучение
Нежната крива на обучение на Vue открадва сърцата на начинаещи и напреднали разработчици. След като прегледате материалите, включени в официалното ръководство, можете да продължите напред и да започнете да правите първото си приложение Vue — не са необходими предварителни познания за ES2015, TypeScript, JSX или системи за изграждане.
Всичко, от което се нуждаете, за да започнете, е основно разбиране на JavaScript, HTML и CSS. Въпреки че не е необходимо, известен опит с използването на рамки също е добре дошъл, още повече, ако искате да създадете по-сложни уеб приложения (повече за това по-късно).
Високата достъпност на Vue помага на бързо развиващите се екипи за разработчици да развият всичките си творчески способности, без да се налага да прекарват много време в запознаване с допълнителни разширения за синтаксис. Събирането на екип за проект или интегрирането на Vue в един е по-лесно и по-бързо. И все още няма много разработчици на Vuejs в областта, разработчиците с опит в React могат лесно да преминат към Vue и да започнат да доставят стойност в рамките на повече или по-малко от седмица.
Vue също съкращава времето, необходимо за разбиране на сложността, обща за, например, Angular, което е особено удобно при писане на прости уеб приложения.
Модулна и гъвкава среда за разработка
Уеб приложенията, които използват Vuejs, са изградени с Vue компоненти. Въпреки че вече дава на разработчиците много гъвкавост и адаптивност според нуждите на проекта, еднофайловите компоненти на Vue са слабо свързани, което подобрява повторното използване на кода и намалява времето за разработка.
Структурата, базирана на компоненти, е идеална за изграждане на приложения с цел бъдещо мащабиране. Във Vue „изграждането на широкомащабни приложения изисква използването на модулна система за изграждане“ от самото начало. Но Vue дава на разработчиците известна гъвкавост тук, защото пакетите, препоръчани от Vue, Webpack или Browserify, идват с възможност за по-късно трансформиране на изходния код с препроцесори по ваш избор.
Удоволствие от развитието
Разработчиците често подчертават пълния комфорт, с който създават приложения във Vue. Свободата да се структурира кодът така, както е угодно на разработчика, и неубедителният начин на кодиране са основните причини, поради които има толкова много любов към Vue.
Сортирането в кодовата база е безпроблемно – на практика всичко, от което се нуждаете, е в .vue файла. От модела на данни и шаблона до CSS, свойствата, изчислените стойности и методите, опознаването на работата на даден компонент ви спестява допълнително главоболие.
Богата екосистема и гъвкавост
С богата колекция от библиотеки и набор от инструменти, улесняващи разработката, светът на Vue има всичко, от което се нуждае един разработчик. По-забележителните инструменти, които разширяват изживяването при кодиране, са отличният Vuex за управление на състоянието и Vue-маршрутизиране за маршрутизиране и картографиране на състоянията на едностраничното ви приложение към съответните URL адреси. „Vue също има своите DevTools“, които идват като разширение на браузъра. DevTools опростяват отстраняването на грешки в приложенията и проверката на състоянието и йерархията на компонентите. Те ви позволяват да редактирате приложението си на живо, да проследявате персонализирани събития и да отстранявате грешки при пътуване във времето, за да видите предишните версии и направените промени.
Мобилна разработка
Vue дава на разработчиците няколко отговора за „разработка на междуплатформен мобилен потребителски интерфейс“. Има Weex, създаден от платформата за електронна търговия Alibaba, и NativeScript с огромното си хранилище от инструменти, компоненти и добавки. Наскоро Ionic също се включи в екипа за разработка на Vue mobile.
Противно на „Научете веднъж, напишете каквото и да е“ на React Native, Weex и NativeScript казват „Напишете го веднъж, стартирайте го навсякъде“. Този подход ви позволява да управлявате потребителския интерфейс по прозрачен и повторяем начин между множество платформи. Това е страхотно.
Реактивност
Данните в различни HTML елементи се изобразяват динамично в съвременните уеб приложения. Vue е снабден със своя изключителен механизъм за реактивност, който автоматично стимулира потребителския интерфейс. Този подход спестява много време и допълнителни редове код, които разработчикът може да използва, за да се концентрира върху стартирането на други иновации и да бъде по-продуктивен.
Висока производителност на вградените приложения
Vue.js е бърз. Това не е най-бързата рамка в качулката, но това, което в момента е налично с Vue.js, е достатъчно, за да достави безупречен UX в SPA, както и в потребителски интерфейси.
В бизнеса с мобилни приложения Vue внедрява приложения по-бързо от Angular и React. Тъй като 53% от потребителите изоставят мобилни сайтове, които отнемат повече от 3 секунди, за да се заредят, и мрежата се обръща към мобилно изживяване, скоростта на Vue е важно предимство, което трябва да имате предвид при избора на JavaScript front-end framework.
HTML шаблони
Това е малко съмнително, но HTML-базираните шаблони на Vue повишават производителността, особено за тези от нас с опит в HTML. Шаблоните на Vue също помагат да се включат характеристиките на реактивност в живите уеб приложения. „Шаблоните са компилирани от Vue“, за да трябва функционалността за рендиране на виртуален DOM. Като заключение, по време на промяна на състоянието на приложението, Vue предлага най-малък брой манипулации на DOM.
Жива общност
Общността на Vue процъфтява и активно допринася за развитието на рамката. Всяка година по целия свят се провеждат няколко големи конференции, които са посветени изцяло на Vue.
Просто изкуство да овладеете Vue
Vue.js има чудесна официална документация, която позволява на разработчиците да усетят почти всяка гледна точка на Vue и неговата екосистема. Официалното ръководство има модели и специфична информация. API документите са насочени към повечето теми, с които разработчиците могат да се сблъскат, докато кодират.
Уроци
Като изучавате Vue чрез официалната документация, можете също така да овладеете изкуството на кодирането във Vue, като правите някой от достъпните уроци с включени видеоклипове и примери. Безплатните курсове ви водят във Vue по точен и забавен начин — особено Scrimba (препоръчан от Vue).
StackOverflow и официален чат
За няколко проблема с кода, които не са включени в курсове и уроци, можете да зададете въпрос в StackOverflow. Постоянно се появяват нови въпроси и отговори, така че има голям шанс да получите отговор на въпроса си, независимо от неговата сложност.
А когато се сблъскате с належащ проблем с кодирането, няма да останете сами — можете да помолите колеги програмисти за помощ в „официалния чат на Vue“ и да получите бърз отговор.
Vue се развива
От стартирането му през 2014 г. много разработчици се противопоставиха на използването на Vue от страх от изоставянето му, оставяйки всички участници с трудна и скъпа задача да се слеят в друга рамка. Но това, разбира се, не се случи. През септември 2018 г. Evan You обяви Vue.js 3.0. Но точното време на пускането на Vue 3 все още не е потвърдено от Evan You, но се очаква да излезе през 2019 г. Също така разбираме, че в момента Vue е във v. 2.6.10. Така че с голяма надежда можем да приемем Vue.js 3 бета и RC версии в края на 2019 г. и стабилната Vue 3 през първите месеци на 2020 г. И въпреки че все още няма определена дата на пускане, важното за актуализацията е, че е въз основа на принос и обществена обратна връзка. Външна корпоративна подкрепа на известни марки, бързият темп на развитие на Vue е изключителен подвиг.
Екосистемата на Vue става все по-голяма и по-добра, печелейки все по-голяма оценка както от разработчиците, така и от бизнеса.
Кой използва Vue?
Vue.js може все още да не е най-популярната JavaScript front-end рамка, но е възприета от големи имена като Alibaba, Grammarly, Xiaomi, Laracasts и Reuters. Можете да разглеждате множество компоненти на потребителския интерфейс, уебсайтове, шаблони, плъгини, приложения и каквото имате, което е „изградено с Vue“, за да разберете още по-добре страхотните възможности на Vue.
Що се отнася до поддръжката в задната част на полето, Laravel, PHP рамката, препоръчва използването на Vue.js за разработка в предния край, въпреки че не е изискване.
Трябва ли да добавя Vue.js към моя технически стек?
Накратко, да. Но Vue не е единствената изключителна и гарантираща JS front-end рамка. Вероятно ще бъде най-добре да тествате и да работите с няколко рамки, за да видите сами кои работят за вашите проекти и предназначение и кои не.
Въпреки това хората обичат Vue, това не е пълна рамка. Но нека бъдем честни: това е възможно най-близо до перфектното. И ако опитваме рамки чрез тяхната крива на обучение, непрекъснатост на поддръжката и способност за ускоряване на продуктивността на разработчиците, тогава Vue.js почиства като нищо друго.
