JS html templeiti

[hjkl]

Kāda ir jūsu pieredze ar lapām kur prasās ar JS palīdzību ģenerēt lielus HTML gabalus? Nevis pieprasīt visu laiku ar ajax no servera, bet nemitīgi atjaunināt balstoties uz kaut kādiem mainīgajiem? Esmu lasījis par vairākiem JS template dziņiem, bet izmēģinājis nevienu neesmu.

[qwerty]

http://codeofrob.com/entries/you-have-ruined-javascript.html

 

Cik reižu tu reāli esi redzējis "CarProviderProvider instead of CarProvider"? Izklausās pēc:

"insanity is possible with this stuff, therefore it's insane" argument

[daGrevis]

Angular lieki sarežģī lietas pirms tas reāli ir nepieciešams. Es Angularā redzu kko no Javas un kaudzi ar stulbiem patterniem, kas tur nav vajadzīgi (vismaz pagaidām) — tāpēc arī man nepārāk patīk.

[jurchiks]

http://codeofrob.com/entries/you-have-ruined-javascript.html

Jāāāā... Bet ja godīgi, tad it rings true for me. Savulaik baigi nočakarējos, kamēr piedabūju arrow keys strādāt tā, kā man vajadzēja: http://pastebin.com/ZiK8Mt8e

Meklēju kādu stundu, kā būtu labāk, bet tā Angular dokumentācija ir tik tizli uzrakstīta, ka neko normālā laika apjomā (< 1h kaut kādai vienai fīčai) saprast nevar, tā kā biezs romāns, kas rakstīts politiķu valodā.

 

Bet ja taisa kaut ko pavisam vienkāršu, kur nav nepieciešama komunikācija starp kontrolieriem, tad vēl ir normāli.

[hjkl]

Kā tu saslēdzi kopā ReactJS ar Handlebars? Man tieši kolēģiem viens no ReactJS mīnusiem liekas tas, ka viņš ir template-less.

 

Man arī tā sāk likties. JSX kļūst baigi neparocīgs, ja vajadzīgas if-else vai ciklu konstrukcijas. Ar cikliem vēl var izmantot .map, bet vienalga tas jāliek ārpus render() metodes return steitmenta. Pirms tā return() var uzrakstīt arī parastus JS if-else, kas sagrupē JSX fragmentus, bet tas ir pagalam neglīti. Kā to reāli var risināt?

 

Šeit ir kaut kas no tā:

https://github.com/facebook/react/issues/690

Edited October 14, 2014 by hjkl

[daGrevis]

Ļoti vienkārši — JSX nevajadzētu būt loģikai. Loģika ir JavaScriptā.

[jurchiks]

Nu bet kā tad tu izvadīsi sarakstu ar identiskiem itemiem, ja ne izmantojot ciklu? JS pusē ciklēsi templeita izvadīšanu vienam itemam? That's inefficient.

[Kavacky]

Kur tev tur ir tā būtiskā atšķirība, lai loģisks dalījums būtu neefektīvs?

[daGrevis]

> JS pusē ciklēsi templeita izvadīšanu vienam itemam?

 

Wut.

 

Sarenderē JavaScriptā, renderēto HTML padot templeitam.

[jurchiks]

Bet HTML taču jābūt templeitā, that's the whole idea.

[daGrevis]

> Bet HTML taču jābūt templeitā, that's the whole idea.

 

That's exactly not the idea. React “templeits“ ir iekš komponenta.

 

Lūk piemērs, speciāli jums. https://gist.github.com/624ddeb2978ab46fb43a

Edited October 15, 2014 by daGrevis

[e-remit]

That's exactly not the idea. React “templeits“ ir iekš komponenta.

Lūk piemērs, speciāli jums. https://gist.github.com/624ddeb2978ab46fb43a

 

Un padot objektu, kurš satur objeku masīvu, nevar? 

Kā http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/ - sk. 9. un 11. piemēru!

Tiešām viss pašam ar rokām jāliek kopā?

[daGrevis]

https://gist.github.com/d78beb6e2ad686b57582

[jurchiks]

Nez, man baigi nepatīk. Atšķirības no HTML un datu concatenation ir minimālas, turklāt speciāli nepieciešams kompaileris, kas konvertē uz parastu JS, kaut gan jaunā sintakse ietaupa smieklīgi maz. e-remit'a mustache-js piemēri ir IMHO daudz ērtāki un saprotamāki.

Edited October 15, 2014 by jurchiks

[daGrevis]

Lieto ko vēlies!

 

Un JSX man pašam nepārak. Nelietoju.

[qwerty]

Un JSX man pašam nepārak. Nelietoju.

 

Umm. Un ko tad tu lieto?