NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: React.js - využití, začátek, vysvětlení?

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Jan Vacek
Člen
Avatar
Jan Vacek:13.11.2017 14:13

Ahoj :)
Chtěl bych se zeptat... mám v plánu se začít učit React.js, ovšem ze všech těch tutoriálů na netu jsem zmatenej, všude doporučují něco jiného, všude furt podstrkují "je k tomu nutný to a to" a já bych se chtěl tak nějak konečně dozvědět, co vše potřebuji k začátku - naučení se používání Reactu až po běžné využití na webech a kde, nebo na jakých stránkách se nejlépe učit?

Dál bych se chtěl zeptat, jestli je vždycky před začátkem projektu nutno vědět, zda budu nebo nebudu React potřebovat, jelikož si myslím, že zasazení do rozpracovaného projektu není úplně procházka růžovou zahradou.
Jde mi o to, jestli bude mít zásadní dopad na aplikaci (Nette / Django), pokud si v každém projektu připravím vše tak, abych mohl případně React použít, nebo ne, nebo ho třeba vůbec nevyužít.

Díky moc, hezký den :-)

 
Odpovědět
13.11.2017 14:13
Avatar

Člen
Avatar
:13.11.2017 14:20

Ak si ešte so žiadnym frameworkom nezačal, odporúčam Ti, práve z dôvodov ktoré si uviedol, prečítať si ako prvé nasledovnú prípadovú štúdiu: Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)

Editováno 13.11.2017 14:22
 
Nahoru Odpovědět
13.11.2017 14:20
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na
Honza Bittner:13.11.2017 14:35

K tomu článku bych snad jen doplnil, že existuje i třeba Dart verze Angularu (AngularDart), který používá i třebas Google na svých velkých projektech jako jsou tuším AdSense atp. AngularDart je momentálně (už) samostatná verze a nijak nezávisí na TypeScriptu (dříve to tuším generovali). Což přináší do AngularDartu oproti tomu TypeScriptímu další možnosti, které má Dart.

Současně také nesouhlasím s "coding speed slow" u Angularu, ať už v TypeScriptu nebo v Dartu. To je asi dost subjektivní, ale prostě nevidím důvod, proč by měla být práce v Reactu nebo Vue rychlejší, než v Angularu. :-))

Ale jinak určitě je dobré začít s Angular, React nebo Vue. Ani jedna volba nebude špatná. :-)

Nahoru Odpovědět
13.11.2017 14:35
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar

Člen
Avatar
Odpovídá na Honza Bittner
:13.11.2017 14:40

Zabúdaš, že tu ide o situáciu, keď ešte žiadny framework neovládaš. A toto, čo sa spomína v tom článku...

Coding speed
Coding speed was an area Vue.js won by far, not having to learn JSX was of huge help. This speed was later confirmed when another developer joined the project and was contributing to the project in a matter of hours after a training session of about 1 hour.

...proste s iným frameworkom fakt nedosiahneš. Presnejšie, nie s Reactom. A ... ani s Dartom.

 
Nahoru Odpovědět
13.11.2017 14:40
Avatar
Marian Benčat
Člen
Avatar
Odpovídá na Honza Bittner
Marian Benčat:13.11.2017 16:03

Celý ten článek, co nalinkoval Vladislav, je absolutní hloupost :-) On je to trošku nonsense se s webaři o těchto věcech bavit.. Zrovna Vue.js je krásný ukázka pokrytectví a lhaní si do kapsy :) Z fleku bych mohl vypálit 30 argumentu, kvůli kterým šel někdo na React, protože "angular je strašný" a pak přešli na Vue, kde jsou ty věci téměř 1:1 jako v angularu :-)

Každý ten argument tam v tom článku, by šel rozcupovat na malé kousíčky.

Obecně za sebe můžu doporučit:

  • malý projekt - vue.js/aurelia
  • velký projekt - angular 5
  • PHP prasák - JSX / React.
Nahoru Odpovědět
13.11.2017 16:03
Totalitní admini..
Avatar
Marian Benčat
Člen
Avatar
Marian Benčat:13.11.2017 16:10

Defakto hned z prvního odstavce mě pobavilo, že jim "typescript" snížil produktivitu :D To chápu.. ono to totiž prasit a všude doufat v dynamické typování je rychlejší.. do prvního vydání, než se to celé pojebe... ;-)

typescript je tak oblíbený, že i ti pošuci, co dělají na tom h*vnu od facebooku používají TSX.

Nahoru Odpovědět
13.11.2017 16:10
Totalitní admini..
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Marian Benčat
Neaktivní uživatel:13.11.2017 16:29

Já si dovolím zásadně nesouhlasit s tvrzením, že angular 1 byl lepší a jednodušší na používání než angular 2. Už jenom když si vzpomenu na tu nesmyslnou prasečinu se scopama. Zlatý angular 2.

Nahoru Odpovědět
13.11.2017 16:29
Neaktivní uživatelský účet
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na
Honza Bittner:13.11.2017 16:31

Je pravda, že JSX je pro nováčky trochu náročnější. Ale nemyslím si, že by třeba Angular templates byly nějaké náročné oproti normálnímu HTML. Kouknu se večer na Vue, jak tl tam vlastně mají, a posoudím pak. ;)

Nahoru Odpovědět
13.11.2017 16:31
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Marian Benčat
Člen
Avatar
Odpovídá na Neaktivní uživatel
Marian Benčat:13.11.2017 16:41

Kde jsem řekl, že angular 1 byl lepší a jednodušší na používání než angular 2?

Nahoru Odpovědět
13.11.2017 16:41
Totalitní admini..
Avatar
Marian Benčat
Člen
Avatar
Odpovídá na Honza Bittner
Marian Benčat:13.11.2017 16:43

Jak to má vue s šablonama? :D Jako Angular1 :-) Jen místo ng je tam v :D

Nahoru Odpovědět
13.11.2017 16:43
Totalitní admini..
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Marian Benčat
Neaktivní uživatel:13.11.2017 16:46

Tys to neřekl, ten článek to řekl :D

// jo už to vidím, nechtěl jsem odpovídat na tvůj komentář, omlouvám se za zmatek

Editováno 13.11.2017 16:46
Nahoru Odpovědět
13.11.2017 16:46
Neaktivní uživatelský účet
Avatar

Člen
Avatar
:13.11.2017 16:47

Zbytočný flame. V prípade tej firmy, za daných circumstances, by ani jeden z vás neprišiel s lepším riešením, čiže s rýchlejšou realizáciou. Bodka.

 
Nahoru Odpovědět
13.11.2017 16:47
Avatar
Marian Benčat
Člen
Avatar
Odpovídá na Neaktivní uživatel
Marian Benčat:13.11.2017 16:52

Aha.. no.. .. Angular 1 byla taková větší magie.. Pokud to chtěl někdo použít, tak to prostě použil, do 1.5 si neměl komponenty, tak si tam prostě najebal controllery "jak ti to přišlo" a pak si to buď řešil přes "magic scope" a $parent.paren­t.parent.paren­t, nebo nejaky "servisy". Nemusel si tušit, jak to vlastně funguje, dokud to jelo.. $watch a $apply tě většinu času "nedohnal" a tak si prostě vyvíjel...

U NG2 tě celkem dost tlačí do OnPushe a nějakých větších architektonických řešení...

Jako hlavní problém ale vidím v to, že u NG1 si to prostě neřešil.. u NG2 máš tolik možností jak to udělat a NIKDO ještě neví vlastně best practice.. i když se koukneš na react, preact, něcoreact, vue,next,nuxt,nix­t,... (oh bože, jen co jsem napsal tudle větu, tak jich přibylo dalších 10), vlastně neví:

  • kdy používt inputy a outputy
  • jak přesně odhalit v čas smart a simple componenty
  • kdy zavézt container componenty
  • co vše rvát do storu
  • co je stav čistě UI a co není..

Je to prostě FAKT těžký.. ty "best practice" se tam mění každých čtvrt roku a zatímco před půl rokem všichni říkali, jak je angular na hovno a jak jsou observable servisy na hovno a jak je to magie a že Redux je cool, tak teď jim dochází, že to hodně věcí zkomplikovalo a přecházejí na MobX, tedy na Observable servisy a na "magii".

Nahoru Odpovědět
13.11.2017 16:52
Totalitní admini..
Avatar
Marian Benčat
Člen
Avatar
Odpovídá na
Marian Benčat:13.11.2017 16:54

V případě té firmy, bych se nedivil, že se něco hodně mění a je to divný, když je to beta.9 - jen tech bet bylo asi 25.

Nahoru Odpovědět
13.11.2017 16:54
Totalitní admini..
Avatar
Marian Benčat
Člen
Avatar
Odpovídá na Neaktivní uživatel
Marian Benčat:13.11.2017 16:59

U Angular 2 se ti ta zase míchají Zones, které né vždy fungují tak, jak by člověk očekával,.. pokud tam ale narveš do solutionu věci jako effects a držíš se zpracování async věcí těmi efekty, tak to z 99% vyeliminujes.

Nahoru Odpovědět
13.11.2017 16:59
Totalitní admini..
Avatar

Člen
Avatar
Odpovídá na Marian Benčat
:13.11.2017 17:08

Z top 3 je Vue naprosto najprehľadnejšie, najlogickejšie, najflexibilnejšie riešenie. Každému ho odporúčam aj bez Node, ako vynikajúcu náhradu za jQuery - neuveriteľne to sprehľadní web stránku. Od vzniku Vue takmer neexistuje use case, pre ktorý by bol vhodnejší jQuery miesto Vue. A github stars hovoria za všetko - najrýchlejšie rastúci fw za posledných x rokov, to sa nepodarilo ani Google s Angularom, ani Facebooku s Reactom.

 
Nahoru Odpovědět
13.11.2017 17:08
Avatar
Marian Benčat
Člen
Avatar
Marian Benčat:13.11.2017 17:09

S tim jquery souhlasim. Na github stars nekoukam, ve svete je taky nejčastější heterosexuální styk a každej lajkne video s 2ma lesbama.

Editováno 13.11.2017 17:11
Nahoru Odpovědět
13.11.2017 17:09
Totalitní admini..
Avatar

Člen
Avatar
Odpovídá na Marian Benčat
:13.11.2017 20:44

Tak to si nemyslím, že je dobré porovnanie :) Neverím, že ten kto používa Vue a je s ním spokojný, zvýši rating React-u, a vice-versa. Tu myslím, že ješitnosť obzvlášť dobre funguje a nikto nechváli konkurenciu :)

 
Nahoru Odpovědět
13.11.2017 20:44
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 18 zpráv z 18.