Vue.js – lehký framework, ideální pro tvorbu webových komponent

Jen javascript už dnes nestačí

Znalost javascriptu je dnes základem a bez jeho perfektní znalosti se programátor neobejde. Zcela jistě však nepostačuje.

Cestu světem si stále častěji razí moderní frameworky, tedy softwarový balík knihoven a nástrojů, který programování složitých aplikací výrazně usnadňuje a urychluje.

Jedním z moderních, lehkých a šikovných frameworků je právě Vue.js, který najde uplatnění třeba při programování komponent stránky, jež si žijí relativně nezávisle na zbytku stránky.

 

Vue.js chtěl navázat na oblíbený Angular

Framework Vue.js vyvinul zaměstnanec firmy Google Creative Labs Evan You, programátor původem z Číny.

Šlo ovšem o jeho zcela soukromou iniciativu, společnost Google jeho aktivity nepodporovala. A hlavně, Evan svou práci na plný úvazek v Google opustil, chtěl se věnovat jen velmi zdárně rostoucímu projektu Vue.js.

To bylo ovšem až později, počátky Vue.js sahají do roku 2013:

„Vue.js jsem začal vyvíjet v roce 2013 jako soukromý projekt, když jsem pracoval v  Google Creative Labs. Mojí prací bylo vyvíjení mnoha prototypů uživatelských rozhraní. Mnoho jsem jich vytvořil ve vanilla javascriptu a za použití javascriptového frameworku Angular 1. Poté jsem chtěl něco, co by převzalo deklarativní povahu Angularu a také jeho způsob vázání dat a spojilo je s jednodušším a dosažitelnějším API ,“

popsal Evan You důvody, které ho vedly k zahájení prací na vývoji Vue.js.

 

Vue.js je Angular, ale lehčí a lepší

V zásadě šlo tedy o to, využít přednosti Angularu a dodat jim ještě další dimenzi:

„Představil jsem si, co kdybych mohl vyndat část, kterou na Angularu opravdu miluji a postavit něco lehkého, bez toho, co je navíc? Byl jsem zvědavý, jak funguje jeho vnitřní implementace. Tenhle experiment jsem začal tím, že jsem se snažil replikovat třeba vázání dat,“

prozradil Evan You s tím, že na projektu pracoval nadále.

Už kvůli tomu, že zjistil, že jemu samotnému usnadňuje práci. Framework později pojmenoval a napadlo ho, že by mohl sloužit také ostatním. Projekt umístil na Github, kde se stal rychle populárním.

Projekt dodnes nepodporuje žádná velká firma, vyvíjí se díky sponzorům ze sítě Patreon a díky jiným sponzorským programům. A to vše bez jakékoliv reklamy, nebo cíleného marketingu.

 

 

Naučí se ho i programátoři junioři

Ačkoliv nemá Vue.js v zádech podporu nějakého velkého hráče na internetovém trhu a jeho popularita stále roste, na vrcholu určitě ještě není.

Je jasné, že nejde o technologii, kterou je možné aplikovat ve všech případech, ale v mnoha si  jistě najde své opodstatnění.

Evanovi se totiž povedlo skutečně to, co si předsevzal. Chtěl vytvořit framework lehký, svižný, dobře pochopitelný a ovladatelný.

Začněme tím, že je Vue.js přístupné i začínajícím programátorům, ba dokonce se často doporučuje právě s tímto frameworkem začít.

Tento framework, nebo spíše knihovna, je snadný na naučení. Vytvořit první Vue.js aplikaci nebude velkým problémem ani pro začátečníka, pokud zná jazyk HTML a javascript.

Framework také umožňuje vygenerovat kostru nového projektu a jeho učení dále usnadňuje kvalitní dokumentace.

 

 

Snadná integrace

Problémem navíc není začlenění této technologie do stávající aplikace. I to bylo dalším cílem Evana You.

Vue.js vychází z jazyka HTML, na rozdíl od Reactu obsahuje skutečné kódy HTML, které fungují jako kontejner obsahující prvky Vue.js. Jde tedy vlastně o „rozšíření“ jazyka HTML. Začlenění komponenty napsané ve Vue.js jde tedy snadno, stávající projekt nijak nezatíží, ba právě naopak.

Aplikace, či komponenty vytvořené ve Vue.js se zobrazují extrémně rychle, v měřených testech mají dokonce ještě lepší parametry než za použití technologie React.

Jak jsme již uvedli, Evan You chtěl, aby framework Vue.js byl malý a lehký, pravý opak uvedeného Angularu. To se mu také úspěšně podařilo. Velikost frameworku Vue.js je jen 18 – 21 kB, přičemž velikost Reactu je kolem 135 kB.

 

 

Uvěřilo i Nintendo nebo Alibaba

Bylo by jistě chybou neuvést také to, kde je možné s Vue.js narazit. Technologii Vue.js nepodporuje žádná gigantická firma, která by vynakládala na její vývoj miliony dolarů. Vše se rozvíjí svépomocí, na základě crowdfundingové kampaně.

A právě to může být úskalím. Neexistuje totiž žádná oficiální podpora, vše běží na bázi dobrovolnosti programátorské komunity, což není všespasitelné. Zejména při integraci do většího systému se může stát, že programátor pohoří a zkušenosti s podobným problémem nebude kde hledat.

Na druhou stranu tomuto frameworku uvěřily, a začaly ho používat, firmy jako například Nintendo, Alibaba, nebo Baidu. A ty určitě vědí proč.


February 20, 2019
Michaela Kadlecova