← Školení

TSX pro LAMP fullstack vývojáře

Mini školení pro zkušeného PHP/LAMP vývojáře, který zná čistý JS, jQuery a menší interní knihovny, ale chce pochopit TSX, React komponenty a moderní frontendový způsob přemýšlení.

Proč tohle školení vzniká

Nejsem člověk, který by chtěl psát další univerzální React tutorial. Vycházím hlavně z LAMP světa, backendu, PHP, databází, čistého JavaScriptu, jQuery a různých vlastních mini řešení. TSX, React a Next.js beru jako další krok, který se chci naučit pořádně — ne jen tak, že něco vygeneruju a budu doufat, že to funguje.

Tohle školení vzniká jako moje vlastní cesta, jak si moderní frontend srovnat v hlavě. A zároveň jako pokus pomoct někomu dalšímu, kdo je na tom podobně: už umí programovat, má za sebou reálné projekty, ale nechce se tvářit, že nový stack pochopí za deset minut jen proto, že „je senior".

Věřím, že když se díky mně budeš rozvíjet ty, budu se rozvíjet i já. Nejvíc si člověk často ujasní věci ve chvíli, kdy je musí vysvětlit někomu jinému. A opravdová seniorita podle mě není jen v tom, co člověk sám umí, ale i v tom, co dokáže předat dál.

AI používám hodně a myslím si, že může vývojáře výrazně posílit. Ale neměla by se používat slepě. AI je násobič — když má člověk zkušenost, úsudek a chuť ověřovat výsledek, může mu hodně pomoct. Kde ale není základní porozumění, není moc co násobit. Nula vynásobená čímkoliv je pořád nula.

Jasně, jsem metalista a samuraj, takže mám rád sílu, disciplínu a trochu teatrálnosti. Ale taky mám rozum a vím, že AI není magie. Je to jazykový model — dobrý sluha, špatný pán a velmi špatná náhrada za vlastní úsudek.

Cílem téhle série proto není jen opsat syntaxi TSX. Chci hlavně pochopit, proč se věci dělají určitým způsobem, jak o nich přemýšlet a jak moderní nástroje včetně AI používat jako pomocníka, ne jako náhradu vlastního mozku.

A férově přiznávám: všechny texty jsem prošel, upravil a ovlivnil, ale při jejich přípravě a revizi mi pomáhala AI.

Obsah

  1. 0.Příprava prostředí pro vývoj TSX aplikace
  2. 1.Co je TSX
  3. 2.Mentální model Reactu/TSX
  4. 3.Komponenta jako funkce
  5. 4.Vkládání hodnot přes {}
  6. 5.Props
  7. 6.className, htmlFor a rozdíly oproti HTML
  8. 7.Eventy
  9. 8.Stav přes useState
  10. 9.Render seznamů
  11. 10.Podmíněné zobrazení
  12. 11.children
  13. 12.Formuláře a controlled inputy
  14. 13.TypeScript typování props, stavu a API dat
  15. 14.TSX vs jQuery / klasické JS
  16. 15.Časté chyby při přechodu z jQuery/DOM stylu
  17. 16.Praktický mini příklad
  18. 17.Jak o TSX přemýšlet jako back-end vývojář
  19. 18.Mini tahák
  20. 19.Co se učit po základech TSX

Kapitoly 2–19 se připravují.