Nové technologie 2015 rubrika: Programování: Jiné

2 Tomáš Kolek
položil/-a 6.1.2015

Dobrý den,

které webové technologie Vás zaujaly natolik, že se na ně plánujete podívat a případně osvojit v roce 2015, nebo jste si je už osvojili a teď byste je rádi doporučili ostatním. Můžete zmínit cokoliv, nástroje, knihovny, frameworky, programovací jazyky.

Děkuji.

odkaz
6 LeonardoCA
odpověděl/-a 10.1.2015

Za mne React - prvni js knihovna (od jquery), ktera me oslovila, na rozdil or knihoven jako Angular, Backbone, atp. prichazi s uplne novymi principy:

  • popira tradicni MVP/MVC pristupy a oddelovani modelu a templates ve prospech jednoduchosti
  • virtual DOM - vyssi rychlost oproti praci s klasickym DOM
  • DataFlow - jednosmerne vazby - opet zjednoduseni, ktere prirozene brani neustalemu zvysovani komplexity rizeni az na neunosnou hranici
  • Component model - da se spojit s vyuzitim Web Components a mnoha existujicich knihoven, krasny priklad admin template Rubix

Komentáře

  • cicobasket : LeonardoCA: Tak to jsem se opravdu zasmál. Dole na tý stránce Rubix - One Last Thing, Fanatical Support! :-). Ale jinak za mě jedna s miliónu variací Javascriptového prokletí. — 19.1.2015
  • ic : Překvapuje mě ten virtual DOM a vyšší rychlost oproti klasickému DOMu, až se mi tomu nechce ani věřit. — 19.1.2015
  • LeonardoCA : Rubix jen priklad, jak se da par knihoven splacat dohromady a jak jsou pri tom svizne, ale to co je zakladem Reactu je o necem jinem :) Ohledne toho virtual DOMu - kdo nekdy delal neco trosku narocnejsiho v javascriptu vi, ze lepsi nez postupne nechavat vykreslovat a upravovat jednotlive elementy primo v DOMu, tak je lepsi poskladat nejaky html kod a az cely ho predat prohlizeci a na tom je ta myslenka virtualniho DOMu postavena. Z hlediska programatora odpada prace s tim zjistit co je treba upravit a kde, protoze React pregeneruje vzdy celou stranku (nebo minimalne cast stranky, to nevim jiste) udela si interne srovnani se skutecnou a pak promitne zmeny do zobrazovane stranky, tj prohlizeci preda vse najednou a s minimem potrebnych informaci ke zpracovani ... Tak nejak jsem zaklad pochopil, vic do hloubky jsem jeste nestudoval — 19.1.2015
  • vaclav.sir : Jde o to, že prohlížeč na manipulaci s DOMem váže spousta věcí, jako přepočítávání stylů, distribuci událostí (mutation events apod.), obsluhu různých událostí (např. přidání/smazání elementu link) a kdovíco ještě. Proto je taky rychlejší innerHTML, než přidávání nodu za nodem, protože innerHTML ty side-effecty aspoň nějak zkonsoliduje (přidá si tam sice parsování HTML, ale to je rychlé). Zatímco Virtual DOM je jenom stromová struktura. Takže v paměti máte stávající stromovou reprezentaci, při změně vstupu velmi rychle vytvoříte úplně novou stromovou reprezentaci (lze si představit jako double-buffering), React.js je rychle porovná a aplikuje změny pomocí innerHTML (nepřekresluje celou stránku, pouze odlišné části). — 19.1.2015
  • simon : vaclav.sir: Opravdu všechny změny provádí pomocí innerHTML? Já jsem se domníval, že to umí manipulaci na úrovni změn atributů, pro což by bylo outerHTML / innerHTML dost zbytečné. Linky vítány :) Co třeba přesun elementu? To musí být přes manipulaci DOM. Každopádně je virtual DOM rychlý kvůli minimálním změnám DOM (navíc je to dávkovaný). Asi nikdo nebude psát DOM manipulaci jen pro změnu atributů ručně (pokud to tak je v React). Abych řekl pravdu, tak nevím o ničem, co by tato knihovna dělala špatně. Co se týče VDOM, tak můžu doporučit i Ractive.js. — 26.1.2015

Pro zobrazení všech 18 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.

Aktuální otázky v rubrice Programování: Jiné

Otázky uživatele Tomáš Kolek