devel.cz

Angular 2, tedy teď už 4 - rozhodně kladný pocit :)

Pracoval jsem dlouho v Ag1 a trochu jsem si ošahával i React, ale chvíli na to byl Ag2 stable a už jsem u něj zůstal. Ag1 v době rozkvětu Reactu poskytoval komplet framework, který se dal poměrně snadno a rychle naučit a byl hodně univerzální a intuitivní, ale, abych tak řek, poskytoval prostor psát věci blbě a na prasáka, stejně jako pověstná úroveň jQuery pluginů. Nicméně i s Ag1 se dá napsat aplikace správně (https://angular.io/docs/ts/latest/guide/upgrade.html#!#follow-the-angular-style-guide) podle reactive standardů.

Oproti tomu React, vzniknul hlavně jako základní stavební kámen pro Flux, což je jen abstraktní definice pojmů a principů pro zpracování toku událostí a asynchronních dat. Praktičtější následovník Fluxu - Redux se dá velmi jednoduše napsat v jakémkoli jazyce.

A teď přichází Ag2, který sám o sobě je plnohodnotným frameworkem, který se, co do jednoduchosti použití snaží držet přístupu z Ag1, ale zároveň je mnohem více stavebnicový k tomu, aby se pak dal nakombinovat s reduxem. Jen je potřeba si před tím prostudovat, jak Ag2 interně zpracovává change detection, a hlavně jak a kde to kvůli reduxu vypnout :) https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection...

Redux se pak dá naroubovat dvěma způsoby, buď https://github.com/angular-redux/store, nebo pomocí zmiňovaného ngrx. První zmiňovaný má výhodu, že se s ním pracuje úplně stejně jako s Reduxem u Reactu, ale není zas tak moc provázaný s Angularem. Druhý - ngrx je psaný "Angular way" a člověk si na něj musí trochu zvyknout, za to je ale odměněna spousta vychytávek, kvůli kterým u Ag2 evidentně zůstáváš :)

To i to ti stále nechává otevřený prostor, jak si zpracovat "app state", sice jsem to nezkoušel, ale imho Immutables jsou tam "přimontovatelný".
ngrx-store-freeze neni do prod modu doporučovaný. Tak ale když už to máš ozkoušený v devu a na všechno máš testy, tak se pak neni čeho bát :)

V čem Ag2 trochu zaostává je server side rendering, ale tam to jde v poslední době hodně rychle dopředu.

Největší plus Ag2 osobně vidím ve vynikající dokumentaci, což je pro práci v týmu jasná výhoda. Organizace a struktura kódu je víceméně jasně daná, přitom velmi praktická, když je potřeba některý "součástky" zpřeházet/uklidit. Oproti tomu Reactí dokumentace je jedna velká džungle, zkombinovaná s různorodou implementací fluxu, nebo reduxu, či čehokoli jinýho. React trochu doplácí na svojí svobodomyslnost a co jsem se s ním seznamoval v různých starterpacích a podobně, největší problém bylo vždycky naladit se na autorovu představu, kde co má být, a jak se co má jmenovat a jak s tím nakládat (ale to už je nějaká doba, nevím, jak je to teď). A z toho vyplívající poznání, že každá jedna aplikace v Reactu může být naprosto jiná. Možná by se dalo říkat, že je aplikace "s Reactem", než "v Reactu" :) To u Angularu odpadá - best practicies jsou součástí tutorialu i dokumentace, a byla by hloupost vymýšlet si nějaký vlastní řešení.

Jo a jak píše v komentáři @harrison314 - od TypeScriptu čekáš něco, k čemu není určený. Asi bys ho opravdu úplně jinak ocenil až po zkušenost na backendu - hodně se to blíží Pythonu :)