К содержанию

Grunnleggende React-opplæring

Opplæring i JavaScript-rammeverket React. For nybegynnere. Mye teori og oppgaver.

Уроки

Introduksjon til React-rammeverket

Installasjon av React-rammeverket

Tilkobling av react-devtools programtillegget

Introduksjon til komponenttilnærmingen i React

React-rammeverkets nettstedlayout

Resultat av komponentarbeid

JSX-språket

Introduksjon til JSX-språket i React

Retur av nestede JSX-tagger med funksjoner

Regler for retur av funksjon ved nedflytting av tagg i JSX

Egenskaper ved å returnere flere tags i JSX

Tilbakelevering av uavsluttet JSX-tagg

Returnering av tomt element av en funksjon i JSX

Innsetting av verdier fra variabler og konstanter i JSX

Nyanser ved innsetting av variabelverdier

Innsetting av arrays i JSX

Insetting av objekter i JSX

Innsetting av variabler og konstanter i attributter for tags i JSX

Lagring av tags i variabler og konstanter i JSX

Egenskaper ved lagring av flere tagger i JSX-konstanter

Tagger på forskjellige linjer i JSX

Returnere tags gjennom return i JSX

JSX-tagger lukking

Korrekthet av oppsett i React

Kjøring av JavaScript-kode

Betingelser

Bruk av betingelser i JSX

Betinget visning i React

Betingelser for å returnere en tag i JSX

Ternær operator i JSX

Bruk av &&-operatoren i JSX

Invertering for forkortede betingelser i JSX

Funksjoner

Bruk av funksjoner i React

Funksjonskall inne i tagger i React

Hendelsesbinding i JSX

Parametere i JSX-funksjoner

Event-objektet i React

Event-objekt ved parameteroverføring

Dannelse av tagger

Tagger i JSX-matriser

Oppretting av tagg-matrise i React-løkke

Oppretting av tagger fra en matrise med data i React

Unike nøkler i array av tags i React

Utskrift av array med objekter i React

Unike nøkler via id i React

Utskrift av array med objekter som HTML tabell i React

Unike id-er

Diskusjon om unike id-er i React

Problemer med nye id-er i React

Tilfeldige strenger for id i React

Generering av id i React

Funksjon for generering av id i React

Bruk av id-funksjonen i React

Feil bruk av id-funksjon i React

Stater

Introduksjon til tilstander i React

Bruk av stater i React

Reaktivitet av states i React

Boolsk verdi i state i React

En teller med states i React

Skjemaer

Arbeid med inputs i React

Endring av inputdata ved deres utskrift i React

Endring av data ved hjelp av en funksjon i React

Arbeid med flere input-felter i React

Behandling av skjemadata ved å trykke på en knapp i React

Arbeid med textarea i React

Arbeid med checkbox i React

Avkrysningsbokser og betinget rendering i React

Arbeid med select i React

Select-elementer fra en array i React

Value-attributter i select i React

Value-attributter for select fra array i React

Arbeid med radio i React

Standardverdier i React

Tilkobling av inputs til en array i React

Tilkobling av inndatafelter til et objekt i React

Data

Datareaktivitet i React

Reaktiv tilføying til array i React

Reaktive operasjoner på arrays i React

Reaktiv tilføyelse til array av objekter i React

Reaktive operasjoner på arrayer av objekter i React

Reaktiv visning av data i React

Komponenter

Introduksjon til React-komponenter

Bruk av komponenter i React

Flere instanser av en komponent i React

Komponent-props i React

Opprettelse av underkomponenter i React

Array for å opprette barnekomponenter i React

Barnekomponenter i React-løkke

Overføring av tilstander til underkomponenter i React

Overføring av id til en komponent i React

Endre forelderkomponentens state i en barnekomponent i React

Redigering av forelder-state i barnekomponent i React

Redigering av state i barnekomponent i React

Arbeidsmoduser via tilstander i underkomponenter i React

Konsepter

React-konsepter ved arbeid med komponenter

Komponentdata i React

Typene av komponenter i React

Enveisdatastrøm i React

Heving av tilstand i React

En enkelt kilde til sannhet i React

Styling

Metoder for styling av React-komponenter

Bruk av global CSS for styling i React

Innsetting av data i style-attributtet fra et objekt i React

Innsetting av data i style-attributtet fra en separat fil i React

Arbeid med CSS-stiler i style-attributtet i React

Innsetting av data i style-attributtet fra variabler i React

Stilsetting med Styled Components i React

Bruk av props med Styled Components i React

Bruk av props i betinget rendering med Styled Components i React

Avansert stilsetting av komponenter i React

Komme i gang med styling med CSS modules i React

Fortsettende studie av styling med CSS modules React

Kommandoen composes for klasser i CSS modules i React

Kommandoen composes for filer i CSS modules i React

Prosjekter

Sjekkliste Prosjekt i React

Notatbok-prosjekt i React