9. diel - Prevod frontendu do Reactu a TypeScriptu pomocou Codexu Nové

V minulej lekcii, Git vo VS Code - Vetvy a zlúčenie zmien s Codexom , sme vo Visual Studio Code vytvorili Git vetvu pre novú funkcionalitu, s Codexom doplnili detail požiadavky a zmenu začlenili do hlavnej vetvy.

V tomto tutoriále kurzu vývoja aplikácií s AI prevedieme frontend portálu interných požiadaviek EnergoSun do Reactu a TypeScriptu. Pre vývojové nástroje využijeme Node.js a Vite a samotný prevod zadáme Codexu. Najprv si necháme pripraviť plán, potom vytvoríme nový projekt a skontrolujeme jeho výslednú štruktúru. Cieľom je bezpečne previesť súčasný frontend do Reactu bez pridávania ďalších funkcií.

JavaScript, React a TypeScript

Pomocou HTML vytvárame štruktúru stránky a pomocou CSS jej vzhľad. Aby ale stránka mohla tiež reagovať na užívateľov, potrebujeme JavaScript. Ten umožňuje napríklad reagovať na kliknutie na tlačidlo, meniť zobrazený obsah alebo načítať nové dáta.

JavaScript logo - Vibe coding a agentic coding - Vývoj aplikácií s AI - Vibe coding a agentic coding - Vývoj aplikácií s AI

React je populárna knižnica pre JavaScript, ktorá uľahčuje tvorbu interaktívnych webových aplikácií a pomáha udržať ich rozhranie prehľadné. Užívateľské rozhranie rozdeľuje do menších komponentov, takže môžeme jednotlivé časti aplikácie spravovať oddelene.

React logo - Vibe coding a agentic coding - Vývoj aplikácií s AI - Vibe coding a agentic coding - Vývoj aplikácií s AI

TypeScript rozširuje JavaScript o statickú typovú kontrolu.


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár eur

Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.

Obsah článku spadá pod licenciu Premium II, kúpou článku súhlasíš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriále pomocou Codexu prevedieme frontend EnergoSun do Reactu a TypeScriptu. Pripravíme Git vetvu, overíme Node.js, npm a zostavíme projekt pomocou Vite.
Článok pre vás napísal Adam Hamšík
Avatar
.
Aktivity