Vue.js – kurs w 60 minut

Vue.js czyli jeden z 3 najpopularniejszych frameworków JavaScript, zaraz za Reactem i Angularem.

Osobiście bardzo lubię Vue, jest przejrzysty i jak to nazywam programmer-friendly. Pisanie w nim jest łatwe i przyjemne już od samego początku.

Vue.js – kurs w 60 minut 

Geneza powstania

Pewien koleś o imieniu Evan You, pracujący w Google przy Angualrze (tzn. używał Angulara) pomyślał:

I figured, what if I could just extract the part that I really liked aboute Angular and build something really fightweight without all the extra concepts involved?

Mówiąc prościej, postanowił stworzyć prostą i lekką wersję Angulara. I tak w 2014 roku ukazała się pierwsza wersja Vue.js

Przyjęty bardzo dobrze przez środowisko, dostał dodatkowego kopa, gdy Laravel (najpopularniejszy framework PHP) dodał Vue jako domyślny framework na froncie. 

Zalety:

• niski prób wejścia
• bardzo lekki (Vue + Vuex + Vue Router = 30KB gzipped – tyle samo co jQuery!)
• szybkość
• relatywność
• wirtualny DOM
• budowanie aplikacji z komponentów
• CLI – umożliwe szybkie tworzenie aplikacji, servera, deploymentu itd.
• skalowalność – dobry do używa w dużych jak i malutkich projektach
• dokumentacja – po prostu bardzo dobra
• scoped CSS – łatwe ograniczenie CSSa do jednego komponentu

Wady:

• „mała” popularność – jest to w cudzysłowie ponieważ popularność jest bardzo duża, jednak wciąż mniejsza niż React/Angular

Starałem się znaleźć więcej wad, ale naprawdę było ciężko. Vue.js ma za to 2 cechy, które mogą być uznane jednocześnie za wady i zalety…

Inne cechy:

• template – Vue używa kodu HTML ze specjalnymi własnymi dyrektywami (do tworzenia pętli, instrukcji warunkowych itd.). Na identycznej zasadzie działa Angular.
• elastyczność – w małych projektach zazwyczaj dobra, w dużych jednak często chcemy mieć większy porządek i reguły.

Jak działa Vue.js?

W tym miejscu odsyłam na filmiku na początku, od minuty 8:42 zaczynamy zabawę z kodem 😉