Lær React JavaScript-biblioteket med dette gratis 10-timers YouTube-kursus

React er et populært JavaScript-bibliotek med open source til opbygning af brugergrænseflader.

React har en slank API, et robust og udviklende økosystem og et godt samfund.

Vi offentliggjorde et omfattende 10-timers kursus på YouTube-kanalen freeCodeCamp.org, der lærer alt hvad du behøver at vide om React.

Dette kursus blev oprettet af John Smilga fra Coding Addict. John er en erfaren lærer, der har oprettet over 500 kodningstutorials.

I dette kursus lærer du om:

  • Reager grundlæggende
  • Reager kroge
  • kontekst API
  • Reager router
  • brugerdefinerede kroge
  • og mere

I slutningen af ​​denne video vil du have en god forståelse af, hvordan du bruger React til dit næste projekt.

Her er alle React-emnerne, der er dækket af dette omfattende kursus:

  • Om React
  • Mål
  • Struktur
  • Kursuskrav
  • Opsætning af udviklingsmiljø
  • Opsætning af teksteditor
  • Grundlæggende om kommandolinjen
  • Grundlæggende om NPM
  • Opret-reager-app
  • Installer Create-React-App
  • Mappestruktur
  • Rengør kedelpladen
  • Første komponent
  • Opsætning af teksteditor
  • Første komponent i detaljer
  • JSX-regler
  • Indlejrede komponenter og værktøjer
  • Mini Book-projekt
  • Grundlæggende om CSS
  • JSX Css
  • JSX Javascript
  • Rekvisitter
  • Rekvisitter ødelæggelse
  • Rekvisitter - Børn
  • Enkel liste
  • Korrekt liste
  • Nøgle Prop og Spread operatør
  • Begivenheder om begivenheder
  • Import og eksporterklæringer
  • Gratis hosting
  • Avanceret introduktion
  • Få startprojekt
  • Installer starter
  • Startoversigt
  • UseState - Simple Use Case
  • UseState - Grundlæggende
  • Generelle regler for kroge
  • UseState - Matrixeksempel
  • UseState - Objekteksempel
  • UseState - Flere tilstandsværdier
  • Simpel tæller
  • Funktionel opdateringsformular
  • Matchende projekt
  • useEffect - Grundlæggende
  • useEffect - Betinget
  • useEffect - Afhængighedsliste
  • useEffect - Oprydningsfunktion
  • useEffect - Hent data
  • Flere returneringer
  • Flere returneringer - Henter data
  • Kortslutningsevaluering
  • Ternær operatør
  • Vis / skjul komponent
  • Grundlæggende om formularen
  • Kontrollerede indgange
  • Føj vare til listen
  • Flere indgange
  • useRef
  • useReducer - UseState Setup
  • useReducer - Refactor
  • useReducer - Tilføj vare
  • useReducer - Fjern element
  • Propboring -
  • Context API / - useContext
  • Brugerdefinerede kroge - useFetch
  • PropTypes - Opsætning
  • PropTypes - Images
  • PropTypes - standardværdier
  • React Router Intro
  • React Router - Grundlæggende opsætning
  • React Router - Fejl og skift komponent
  • React Router - Links
  • React Router - URL-parametre og pladsholder
  • Advarsel om reaktionsoptimering
  • Reager memo
  • useCallback
  • brug Memo
  • useCallback - Hent eksempel

Se hele kurset på YouTube-kanalen freeCodeCamp.org (10-timers ur).