Pradžia

Šiame puslapyje yra apžvelgiama React dokumentacija ir kiti susiję resursai.

React yra JavaScript biblioteka naudotojo sąsajoms kurti. Sužinokite daugiau apie React pradiniame puslapyje arba šiame gide.


Išbandykite React

React nuo pat pradžių buvo sukurtas pritaikymui palaipsniui, todėl jis gali būti naudojamas minimaliai arba pagal poreikį. Norėdami išbandyti React, pridėti šiek tiek interaktyvumo paprastam HTML puslapiui, o galbūt sukurti sudėtingą React aplikaciją, žemiau esančios nuorodos padės tai padaryti.

Kodo platformos internete

Jei norite tik išbandyti React, galite pasinaudoti paruoštomis kodo platformomis internete. Išbandykite Hello World šabloną CodePen, CodeSandbox arba Glitch platformoje.

Jei norite naudoti savo teksto redaktorių, taip pat galite parsisiųsti šį HTML failą, jį redaguoti ir tuomet atsidaryti failą savo naršyklėje. Šis būdas rekomenduojamas tik paprastiems pratimams ir pavyzdžiams, kadangi kodo transformacija tokiu būdu yra ganėtinai lėta.

Pridėkite React į tinklalapį

Galite pridėti React į HTML puslapį vos per vieną minutę. Tuomet galima palaipsniui jį išplėsti ir pritaikyti visame puslapyje arba palikti tik keliuose dinaminiuose valdikliuose.

Sukurkite naują React aplikaciją

Kuriant naują React projektą, paprastas HTML puslapis su JavaScript kodo žymomis gali būti geriausias būdas pradėti naudotis React biblioteka. Tai užtrunka vos minutę!

Didėjant aplikacijai, verta pagalvoti apie labiau integruotą projekto konfigūraciją. Didesnėms aplikacijoms rekomenduojame šiuos JavaScript įrankius. Kiekvienas iš jų veikia be jokios arba tik su minimalia konfigūracija. Tai suteikia galimybę iškart pradėti naudotis visais React bendruomenės ir ekosistemos privalumais. Sužinokite daugiau

Išmokite React

React naudoti pradeda įvairaus tipo žmonės, kurių kiekvienas turi skirtingą mokymosi stilių. Šis skyrius bus naudingas tiek teorinio, tiek ir praktinio mokymosi šalininkams.

Kaip ir kiekviena dar nepažinta technologija, React turi tam tikrą mokymosi barjerą, tačiau praktikos ir kantrybės dėka jį pavyks įveikti.

Pirmieji pavyzdžiai

Pradiniame puslapyje rasite keletą paprastų React pavyzdžių su interaktyviu teksto redaktoriumi. Net jeigu dar nieko nežinote apie React, pabandykite pakeisti kodą ir stebėkite kaip tai paveikia rezultatą.

React pradedantiesiems

Jeigu atrodo, kad React dokumentacijoje viskas aiškinama pernelyg greitai ar ne taip suprantamai kaip norėtųsi, perskaitykite šią išsamią Tania Rascia React apžvalgą. Joje pradedantiesiems suprantamu būdu detaliai supažindinama su svarbiausiais React bruožais. Po šio straipsnio, pabandykite perskaityti dokumentaciją dar kartą!

React dizaineriams

Jeigu turite daugiau dizainerio patirties, šie resursai puikiai tiks pradėti.

JavaScript resursai

React dokumentacija reikalauja bent minimalių programavimo įgūdžių JavaScript programavimo kalba. Nereikia būti ekspertu, tačiau mokytis React kartu su JavaScript yra kur kas sudėtingiau.

Rekomenduojame perskaityti šią JavaScript apžvalgą, kuri padės suprasti savo žinių lygį. Tai gali užtrukti nuo 30 min iki 1 valandos, tačiau jausitės kur kas užtikrinčiau mokantis React.

Patarimas

Kai kažko nesuprantate JavaScript programavimo kalboje, MDN ir javascript.info yra puikūs mokymosi šaltiniai, kuriuose galite rasti naudingos informacijos. Kartu egzistuoja ir bendruomenės pagalbos forumai, kuriuose taip pat galite paprašyti pagalbos.

Praktinis gidas

Jeigu labiau mėgstate praktinį mokymąsį, peržiūrėkite mūsų praktinį gidą. Šiame gide React pagalba sukursime kryžiukų-nuliukų žaidimą. Nors galite ir nenorėti kurti paprasto žaidimo, tačiau rekomenduojame bent išbandyti šį pratimą. Jame naudojamos technikos sudaro pagrindą, kurį pritaikysite kuriant bent kokią React aplikaciją, o jį įvaldžius, įgausite kur kas gilesnį supratimą.

Teorinis gidas

Jeigu labiau mėgstate žingsnis po žingsnio išmokti teorinį pagrindą, mūsų teorinis gidas yra puiki vieta pradėti. Kiekvienas naujas skyrius panaudoja įgytas žinias iš anksesnių skyrių, todėl mokydamiesi nieko nepraleisite.

React mąstymas

Didelė dalis React naudotojų įvardija React mąstymas straipsnį kaip vieną iš resursų, kuris padėjo lengviau suvokti React. Tai yra vienas seniausių React resursų, tačiau jis išlieka aktualus ir šiandien.

Kai kuriems naudotojams trečiųjų šalių parašytos knygos ar video kursai padeda lengviau išmokti nei oficiali dokumentacija. Mes kuruojame rekomenduojamų mokymosi resursų sąrašą, kuriame galima rasti ir nemokamų kursų.

Teorija pažengusiems

Kai apsiprasite su pagrindais ir būsite šiek tiek išbandę React, rekomenduojame perskaityti sudėtingesnes temas. Šiame skyriuje susipažinsite su galingomis, tačiau rečiau naudojamomis React savybėmis, pavyzdžiui kontekstu (context) ar nuorodomis (refs).

API informacija

Šį dokumentacijos dalis yra naudinga, jeigu norite sužinoti daugiau apie tam tikrą React API. Pavyzdžiui, React.Component API informacijoje galite rasti kaip veikia setState() arba kada yra naudingi skirtingi gyvavimo ciklų metodai.

Žodynas ir DUK

Žodyne galite rasti visas dažniausiai React dokumentacijoje vartojamas sąvokas. DUK skiltis yra skirta trumpiems klausimams ir atsakymams populiariausiomis temomis, pavyzdžiui, AJAX užklausų siuntimui, komponentų būsenai (state), ar failų struktūrai.

Likite informuoti

Oficialiame React tinklaraštyje galite rasti naujausią informaciją, kurią skelbia React komanda. Svarbūs pranešimai, naujų versijų aprašymai ir kiti pokyčiai, pirmiausia bus paskelbiami šiame tinklaraštyje.

Taip pat galite sekti @reactjs paskyrą socialiniame tinkle Twitter, tačiau nieko nepraleisite, jeigu nuspręsite skaityti tik tinklaraštį.

Ne visi React atnaujinimai yra verti straipsnio tinklaraštyje, tačiau detali informacija yra visada prieinama CHANGELOG.md faile React repozitorijoje arba Releases puslapyje.

Kitos dokumentacijos versijos

Ši dokumentacija visada sutampa su naujausia stabilia React versija. Senesnes dokumentacijos versijas galite rasti šiame puslapyje nuo React 16 versijos išleidimo. Verta pastebėti, kad ankstesnės dokumentacijos versijos nėra atnaujinamos ir atspindi tik išleidimo metu aktualią informaciją.

Kažko trūksta ar radote klaidą?

Jei dokumentacijoje kažko trūksta arba radote klaidą, sukurkite problemos aprašymą dokumentacijos repozitorijoje su pasiūlymu kaip būtų galima ją patobulinti, arba tiesiogiai parašykite į @reactjs Twitter paskyrą. Mes laukiame visų žinučių!