Hello World

Paprasčiausias React pavyzdys:

ReactDOM.render(
  <h1>Labas, pasauli!</h1>,
  document.getElementById('root')
);

Jis atvaizduoja „Labas, pasauli!“ antraštę puslapyje.

Try it on CodePen

Paspaudę viršuje esančią nuorodą, atidarysite internetinį teksto redaktorių. Nedvejokite ir pakeiskite kodą bei pažiūrėkite, kokį rezultatą išvysite ekrane. Dauguma puslapių šiame gide turi redaguojamus pavyzdžius.

Kaip skaityti šį gidą

Šiame gide nagrinėsime pagrindinius React aplikacijų kūrimo blokus: elementus ir komponentus. Juos įvaldžius, galėsite sukurti sudėtingas aplikacijas iš smulkių ir daugkartinio naudojimo gabalėlių.

Patarimas

Šis gidas skirtas žmonėms, kuriems patinka mokytis pagrindus žingsnis po žingsnio. Jeigu labiau mėgstate mokytis iš praktinių pavyzdžių, peržiūrėkite praktinį gidą. Abu šaltiniai gali pasirodyti vienas kitą papildantys.

Šis puslapis yra pirmasis teorinio gido skyrius, kuriame išmoksite React pagrindus. Nuorodos į visus skyrius pateikiamos puslapio dešinėje esančioje navigacijoje. Jeigu esate atsidarę šį puslapį mobiliąjame įrenginyje, pasiekti navigaciją galite paspaudę ekrano apatiniame dešiniame kampe esantį mygtuką.

Kiekvienas skyrius yra paremtas anktesniuose skyriuose pristatyta informacija. Išmokti nemažai apie React galite perskaitę šio gido skyrius tokia tvarka, kokia jie yra pateikiami dešinėje esančioje navigacijoje. Pavyzdžiui, po šio, kitas skyrius yra „Įvadas į JSX“.

Reikalingas žinių lygis

React yra JavaScript biblioteka, todėl yra būtinas JavaScript programavimo kalbos pagrindų mokėjimas. Jeigu nesijaučiate pankankamai užtikrintai, rekomenduojame peržvelgti JavaScript apžvalgą, kuri geriau padės suprasti savo žinių lygį ir neleis pasimesti skaitant šį gidą. Tai gali užtrukti nuo 30 min iki 1 valandos, tačiau nereikės jaustis, jog mokotės JavaScript programavimo kalbos ir React vienu metu.

Pastaba

Šis gidas pateikiamuose pavyzdžiuose retkarčiais naudoja naujesnią JavaScript sintaksę. Jeigu per paskutiniuosius kelis metus neteko naudoti JavaScript programavimo kalbos, šie trys punktai turėtų padėti su tuo lengviau susidoroti.

Pradėkime!

Žemiau, prieš pat puslapio pabaigą, rasite nuorodą į kitą šio gido skyrių.