A proč to vlastně tak udělali? Vy to víte? Je tam častokrát mnoho vnořených elementů, které naprosto postrádají význam. Stačí sem tam prozkoumat v object inspectoru (CTRL+SHIFT+I ve FF třeba) co za prasečárny to dynamicky generuje. Tentýž nesmysl lze sem tam spatřit v googlích bannerech. Tam jsem zaregistroval až 7 vnořených table, tr, td do sebe. Absolutně bez významu. Tentýž šílený kód se dá napsat naprosto elegantně s vhodným nastylováním pomocí CSS a to i když je to spíše aplikace jejiž obsah je vytvářen za běhu modifikacemi DOM. Typicky třeba onen facebook, častokrát i ty googlí bannery. To je občas fakt zvěrstvo, na to že to je výstup korporátu, kde bych čekal mnohem větší kvalitu práce.
Pravý důvod nebude v nutnosti ty tagy tam mít, ale spíše v přílišné komplexnosti a až zbytečné složitosti celého toho frameworku do jehož jádra mnoho lidí nevidí a ani vidět nechce. Těm co to používají je jedno jak kód ve výsledku vypadá prasácky. Mají za úkol (a jsou placeni za to) použít framework a vizuálně to má jet, což jede. I když pomaleji a s mnohem vyššími nároky na systémové prostředky, ale jede. A dokud to nějak jede není třeba řešit. Jen jak se do toho někdo podívá, tak mu spadne brada, kam až to korporát dotáhl. Pokud máte samozřejmě pádnější důvody, sem s nimi. Já je tam nevidím. to samé u googlu. 7x vnořená tabulka je práce nějakého šíleně vnořeného objektového bastlu kdy každé volání prostě obalí tabulkou to co se vrátí z volání uvnitř.
To samé například exporty z MS Office do HTML. Typicky:
<p class="mso-cosi"><span><span><span><span><span><font color=red></font><font color=red></font><font color=red></font><font color=red></font><span><span><span>Ahoj</span></span></span></span></span></span></span></span></p>
Super že? Tak v takových výstupech skutečně smysl nevidím.
Důvod? No určitě nějaký mají. Samozřejmě. A ten je odfláklá práce editoru během editace a ponechání zbytků, které ztrácí smysl.
Tak pak je chyba někde úplně jinde, v okamžiku když z toho lezou na výstupu prasečiny (což je bohužel fakt shlédnutelný po pohledu do kódu, který to dynamicky generuje) a pokud je framework uvnitř sám sebe tak jednoduchý jak tvrdíte. Možná je jen blbě udělaný, ač jak tvrdíte jednoduchý. Aby bylo jasno nebavím se o jednoduchosti použití tak, aby to zvládl kdejaký jouda, ale o zbytečné komplexnosti frameworku uvnitř, což způsobuje zmiňovaná zbytečná cyklická vnoření atd.
Pointa gl zostava, React nepridava nikam ziadne tagy. Kazdy jeden div, ktory tam je, tam dal programator.
A ked ho tam uz dal, tak kvoli css frameworkom ako je bootstrap, aby sa spravne podedili properties vsetkych tych class, co su v danom css frameworku. Za to React fakt nemoze.