К содержанию

Hoof React-tutoriaal

Tutorial vir die JavaScript-raamwerk React. Vir beginners. Baie teorie en take.

Уроки

Inleiding tot die React-raamwerk

Installasie van die React-raamwerk

Koppeling van die react-devtools-inprop

Inleiding tot die Komponentbenadering in React

React-raamwerk se webblad uitleg

Resultaat van komponent se werk

JSX Taal

Inleiding tot die JSX-taal in React

Terugvoer van Geneste JSX-tags deur Funksies

Reëls vir die terugkeer van 'n funksie wanneer 'n etiket afgeskulf word in JSX

Eienskappe van die terugkeer van veelvuldige etikette in JSX

Terugvoering van 'n Ongeslote JSX-tag

Terugvoer van 'n Leë Terg deur 'n Funksie in JSX

Invoeging van veranderlike en konstante waardes in JSX

Nuanses by die invoeging van veranderlike waardes

Invoeging van skikkings in JSX

Voorwerp Invoeging in JSX

Plasing van veranderlikes en konstantes in eienskappe van merkers in JSX

Storing tags in variables and constants JSX

Kenmerke van die stoor van verskeie etikette in JSX-konstantes

Merke op verskillende reëls in JSX

Terugvoer van merke deur return in JSX

JSX-tags se Sluiting

Korrektheid van Bladuitleg in React

JavaScript-kode Uitvoering

Voorwaardes

Toepassing van Voorwaardes in JSX

Vertoning op Voorwaarde in React

Voorwaardes vir die Terugkeer van 'n Tag in JSX

Ternêre Operateur in JSX

Die gebruik van die && operator in JSX

Invertering vir verkorte voorwaardes in JSX

Funksies

Gebruik van funksies in React

Roep funksies binne etikette in React

Gebeurtenisbehandeling in JSX

Parameters in JSX-funksie

Die Event-voorwerp in React

Event-objek wanneer parameters oorgedra word

Vorming van Tags

Merkers in JSX-skikkings

Vorming van 'n etikette-skikking in 'n React-lus

Vorming van etikette uit 'n datastel in React

Unieke sleutels in 'n reeks tags in React

Die weergawe van 'n array van objekte in React

Unieke sleutels via id in React

Uitvoer van 'n versameling objekte as 'n HTML-tabel in React

Unieke id's

Bespreking van unieke id's in React

Probleme met nuwe id's in React

Ewekansige Snare vir id in React

ID Generering in React

Funksie vir id-generering in React

Die gebruik van die id funksie in React

Verkeerde gebruik van id-funksie in React

Staatte

Inleiding tot State in React

Gebruik van State in React

Reaktiwiteit van state in React

Logiese waarde in toestand in React

Teller op state in React

Vorms

Werk met Inputs in React

Verandering van insetdata wanneer dit in React vertoon word

Dataverandering met behulp van 'n funksie in React

Werk met veelvuldige insette in React

Verwerking van vormdata deur op 'n knoppie in React te klik

Werk met textarea in React

Werk met checkbox in React

Checkboxse en voorwaardelijke weergawe in React

Werk met select in React

Keusepunte uit 'n array in React

Value-attribuute in keuses in React

Kenmerke van 'n keuselys se waarde uit 'n skikking in React

Werk met Radio in React

Standaardwaardes in React

Invoervelde aan 'n skikking bind in React

Die binding van insetvelde aan 'n objek in React

Data

Data Reaktiviteit in React

Reaktiewe byvoeging tot 'n skikking in React

Reaktiewe operasies op skikkings in React

Reaktiewe byvoeging van voorwerpe in 'n skikking in React

Reaktiewe bedrywighede op arrays van objekte in React

Reaktiewe Datavertoning in React

Komponente

Inleiding tot React-komponente

Gebruik van Komponente in React

Veelvuldige Komponent Instansies in React

Komponente se props in React

Die Skepping van Kinderkomponente in React

Skik om Kinderkomponente in React te Skep

Kinderkomponente in 'n React-lus

Oordrag van state na kind-komponente in React

Oordrag van id na 'n komponent in React

Verandering van Ouertoestand in Kindkomponent in React

Bewerking van ouer se staat in 'n kinderkomponent in React

Redigering van staat in 'n kleinkind komponent in React

Werkswyses deur state van kinderkomponente in React

Konsepte

React Konsepte by die Werk met Komponente

Komponentdata in React

Tipe komponente in React

Eenrigting data-vloei in React

Optel van State in React

Een Bron van Waarheid in React

Stylering

Metodes vir die Stilering van React Komponente

Die gebruik van globale CSS vir stylering in React

Data-invoeging in style-kenmerk vanuit 'n objek in React

Data-invoeging in style attribuut vanaf 'n aparte lêer in React

Werk met CSS style in die style attribuut in React

Data-invoeging in die style-kenmerk uit veranderlikes in React

Stilisering met Styled Components in React

Gebruik van Props met Styled Components in React

Gebruik van Props in Voorwaardelijke Rendering met Styled Components in React

Uitgebreide Stilering van Komponente in React

Begin met die studie van stilisering met CSS modules in React

Voortsetting van die studie van stilisering met CSS modules React

Die composes-opdrag vir klasse in CSS modules in React

Die composes-opdrag vir lêers in CSS modules in React

Projekte

Projek Kontrolelys in React

Notaprojek in React