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