A React library alapjai

A tanfolyam során a tanulók megtanulják használni a Facebook által fejlesztett, és globálisan a legnagyobb népszerűségnek örvendő JavaScript libraryt, a React-et.

Az órák során gyakorlati példák alapján elsajátítják az React alapjait, és nyernek betekintést a komponens alapú fejlesztésbe.

Képesek lesznek elkészíteni egyszerű kliensoldali SPA-kat a React segítségével, mindezt egy modern kódszerkesztő program a Visual Studio Code segítségével. Ezenkívül a fejlesztés során használt Best practice-eket is megismerik.

Rendelkezel html, css és haladó szintű JavaScript ismeretekkel, és szeretnél elmélyülni egy JavaScript könyvtár rejtelmeiben, mely segítségével akár webes-, mobil- vagy asztali alkalmazásokat is fejleszthetsz? Akkor ezt a tanfolyamot neked találták ki.

Már fejlesztő vagy, netán ismersz valamilyen JavaScript keretrendszert/könyvtárat, és szeretnél megismerkedni valami újjal? Ez a tanfolyam tökéletes lesz számodra is.

• Mi is a React?
• A React szintaktikájának megismerése build tool használata nélkül:
  • Az App gyökér komponens, a JSX szintaxisa
  • Komponens renderelése
  • Adatok megjelenítése a DOM-ban, string interpolation
  • Primitív változók értékének hozzárendelése HTML attribútumokhoz
  • Objektum tulajdonságainak hozzárendelése HTML attribútumokhoz
  • Objektumok tömbjének feldolgozása
  • A key attribútum
  • Feltételes renderelés
  • Stílusok használatának módjai
  • React alkalmazások életciklusa lifecycle hook-ok
  • State: reaktív változók, a useState() hook használata
  • Események kezelése
  • Számított értékek
  • A useEffect() hook
  • A useEffect() hook és a fetchApi együttes használata
  • A useEffect() hook és a timerek együttes használata
  • Űrlapelemek kezelése
  • Komplett űrlapok megvalósítása
  • A kétirányú adatkötés megvalósítása
  • A useRef() hook használata
  • A régi class componensek és lifecycle methodok
  • Bevezetés a komponens alapú fejlesztésbe
  • A Vite build tool, React alkalmazás inicializálása
  • A React projektstruktúra áttekintése, alapértelmezett sriptek
• Bevezetés a komponens alapú fejlesztésbe
  • Komponensek bemeneti adatai: props használata
  • A props validálása
  • Hibakeresés, a böngésző fejlesztői eszköztárának használata
  • React tervezési elvek
  • Magasabb rendű komponensek
  • Controlled és UnControlled komponensek
• Komplett alkalmazás készítése:
  • Videólejátszó

HTML, CSS alapok, JavaScript ES6+ és OOP alapismeretek, vagy A vállalati webfejlesztés alapjai képzésünk elvégzése.