Sužinokite „React JavaScript“ biblioteką naudodami šį nemokamą 10 valandų „YouTube“ kursą

„React“ yra populiari atvirojo kodo „JavaScript“ biblioteka, skirta kurti vartotojo sąsajas.

„React“ turi ploną API, tvirtą ir besivystančią ekosistemą ir puikią bendruomenę.

„YouTube“ kanale freeCodeCamp.org paskelbėme išsamų 10 valandų kursą, kuriame mokoma visko, ko reikia žinoti apie „React“.

Šį kursą sukūrė Johnas Smilga iš „Coding Addict“. Jonas yra patyręs mokytojas, sukūręs daugiau nei 500 kodavimo pamokų.

Šiame kurse sužinosite apie:

  • Reaguoti pagrindai
  • Reaguokite kabliukus
  • konteksto API
  • Reaguoti maršrutizatorių
  • pasirinktiniai kabliukai
  • ir dar

Šio vaizdo įrašo pabaigoje jūs gerai suprasite, kaip naudoti „React“ kitame projekte.

Čia pateikiamos visos šiame išsamiame kurse nagrinėjamos „React“ temos:

  • Apie „React“
  • Tikslai
  • Struktūra
  • Kursų reikalavimai
  • „Dev Environment“ sąranka
  • Teksto rengyklės sąranka
  • Komandų eilutės pagrindai
  • NPM pagrindai
  • „Create-React-App“
  • Įdiekite „Create-React-App“
  • Aplanko struktūra
  • Išvalykite katilą
  • Pirmasis komponentas
  • Teksto rengyklės sąranka
  • Pirmasis komponentas išsamiai
  • JSX taisyklės
  • Įterpti komponentai ir įrankiai
  • Mini knygų projektas
  • CSS pagrindai
  • JSX Css
  • JSX „Javascript“
  • Rekvizitai
  • Rekvizitų pertvarkymas
  • Rekvizitai - vaikai
  • Paprastas sąrašas
  • Tinkamas sąrašas
  • Pagrindinės atramos ir paskleidimo operatorius
  • Renginio pagrindai
  • Importo ir eksporto ataskaitos
  • Nemokamas talpinimas
  • Išplėstinė įžanga
  • Gaukite „Starter Project“
  • Įdiekite „Starter“
  • Pradedančiųjų apžvalga
  • „UseState“ - paprasto naudojimo atvejis
  • „UseState“ - pagrindai
  • Bendrosios kablių taisyklės
  • „UseState“ - masyvo pavyzdys
  • „UseState“ - objekto pavyzdys
  • „UseState“ - kelios būsenos vertės
  • Paprastas skaitiklis
  • Funkcinio atnaujinimo forma
  • Atitinkantis projektas
  • useEffect - pagrindai
  • useEffect - sąlyginis
  • useEffect - Priklausomybių sąrašas
  • useEffect - valymo funkcija
  • useEffect - gauti duomenis
  • Keli grąžinimai
  • Keli grąžinimai - gaunami duomenys
  • Trumpojo jungimo įvertinimas
  • Ternarinis operatorius
  • Rodyti / slėpti komponentą
  • Formos pagrindai
  • Valdomos įvestys
  • Pridėti elementą prie sąrašo
  • Keli įėjimai
  • useRef
  • useReducer - „UseState“ sąranka
  • useReducer - refaktorius
  • useReducer - Pridėti elementą
  • useReducer - Pašalinti elementą
  • Atramos gręžimas -
  • Konteksto API / - useContext
  • Pasirinktiniai kabliai - useFetch
  • „PropTypes“ - sąranka
  • „PropTypes“ - vaizdai
  • „PropTypes“ - numatytosios vertės
  • „React Router Intro“
  • „React Router“ - pagrindinė sąranka
  • React Router - klaida ir jungiklio komponentas
  • „React Router“ - nuorodos
  • React Router - URL parametrai ir vietos rezervavimo priemonė
  • Reaguoti į optimizavimo įspėjimą
  • React.memo
  • useCallback
  • useMemo
  • useCallback - gauti pavyzdį

Visą kursą žiūrėkite „freeCodeCamp.org“ „YouTube“ kanale (10 valandų žiūrėjimas).