К содержанию

Reactiň esasy okuw gollanmasy

JavaScript React freýmwrugy üçin okuw gollanmasy. Täze başlaýanlar üçin. Köp teoriýa we meseleler.

Уроки

React freýmworkiňa giriş

React freýmworkini gurnamak

React-devtools plaginyň birikdirilmegi

React-da komponent ýakylynyň girişi

React framuginiň web sahypasynyň maket çözgüdi

Komponentiň işiniň netijesi

JSX Dili

React-da JSX diline giriş

JSX-nested taglaryny funksiýalar bilen yzyna gaytarmak

JSX-da tagy aşak süýşürmek üçin funksiýanyň yzyna gaýtarmak düzgünleri

JSX-da birnäçe tegi dolandyrmagyň aýratynlyklary

JSX ýapylmadyk tegini yzyna gaýtarmak

JSX-da funksiýanyň boş teg gaýtarmagy

JSX-da üýtgeýän we konstanta bahalaryny goýmak

Üýtgeýänleriň bahalaryny goýuşdaky nýuanslar

JSX-de massiwleri goşmak

JSX-da obýektleri goşmak

JSX-da tegleriň atributlaryna üýtgeýän we konstanta maglumatlary goýmak

JSX-da tegleri üýtgeýän we yzygiderli ululyklarda saklamak

JSX konstantalarynda birnäçe teg saklamagyň aýratynlyklary

JSX-da dürli setirlerdäki tegler

JSX-da return arkaly tegleri yzyna gaýtarmak

JSX teglerini ýapmak

React-da Gurlaplygyň dogrulygy

JavaScript kodyny ýerine ýetirmek

Şertler

JSX-da şertleri ulanmak

React-da Şerta Görä Görkezmek

JSX-daky tagy yzyna gaýtarmak üçin şertler

JSX-da üçlü operator

JSX-da && operator-yň ulanylyşy

JSX-da gysga şertleri tersine öwürmek

Funksiýalar

React-de funksiýalary ulanmak

React-da teglaryň içinde funksiýalary çagyrmak

JSX-de Waka Çykmak

JSX funksiýasyndaky parametrler

React-daky Event objekti

Obýektiň Parametrleri Geçirilende

Taglaryň döredilmegi

JSX-de massiwlerdäki tegler

React döwründe tegler massiwini döretmek

React-da maglumatlar massiwinden tegler ýasamak

Reaktda taglar massiwiniň unikal açarlary

React-dä objektleriň massiwini görkezmek

React-daky id arkaly unikal açar

React-da HTML tablisasy görnüşinde objektleriň massiwini görkezmek

Hasaplan ID-ler

Reaktde birligeýük id-leriň çekişmesi

React-dä täze id-ler bilen bolýan problemalar

React-da Inçek hatlar üçin tesadüpi setirler

React-da id ýasama

React-de id öndürmek üçin funksiýa

React-da id funksiýasyny ulanmak

Reaktda id funksiýasynyň nädogry ulanylyşy

Statalar

React-dä Steýtler bilen Tanyşmak

React-dä ýagdaýlary ulanmak

React-daky stazlaryň reaktivligi

React-dä ýagdaýda mantiqy baha

React-dä ýagdaýlar bilen sanaw

Formalar

React-da Inputlar bilen işlemek

React-da girizilen maglumatlary çykyşda üýtgetmek

Funksiýa ýardamy bilen React-da maglumatlary üýtgetmek

React-da köp inputlar bilen işlemek

Düwme basylanda React-da formanyň maglumatlaryny işlemek

React-dä textarea bilen işlemek

React-da checkbox bilen işlemek

React-da çekbokslar we şertli render

React-da select bilen işleşiş

React-da massiwdan saýlanan nokatlar

React-da saýlawda value atributlary

React-daky sanawdan value atributlary selekta

React-da radio bilen işlemek

React-da Bellenen Bahalaryň Megerleri

React-da girişleri massiwe baglamak

React-da girişleri obýekte baglamak

Maglumatlar

React-da maglumatlaryň reaktiwligi

React-da massiwlere reaksiýaly goşulmak

React-da massiwler bilen reaksiýa amallary

Reaktiw massiwlere obýektleri goşmak React-da

React-daky obýekt massiwlerinde reaksiýa amallary

React-da reaksiýaly maglumat görkezişi

Komponentler

React Komponentlerine giriş

Komponentleri Reactda ulanmak

React-da komponentiň birnäçe nusgasy

React komponentleriniň proplary

React-da çagalar komponentlerini döretmek

React-da Çaga komponentlerini döretmek üçin Massiw

React-da çagalar komponentlerini aýlawda ýasamak

React-da döwletleri çaga komponentlere geçirmek

React komponentinde id geçirmek

React-da ene komponentiň ýagdaýyny çaga komponentinde üýtgetmek

Reakt-da ene komponentiň ýagdaýyny çalyşma komponentde üýtgetmek

React-da durmuş düzüjiniň içki komponentinde üýtgetmek

React komponentleriniň döwürleri arkaly işlemek režimleri

Düşünjeler

Komponentler bilen işleşilende React-üň düşünjeleri

React-daky komponentleriň maglumatlary

React-daky komponentleriň görnüşleri

React-da Bir Ýöneşik Maglumat Akymy

React-dä ýagdaýlaryň ýokaryk galdyrylmagy

React-däki hakykatyň bir çeşmesi

Style

React komponentlerini stilize etmek usullary

React-da stillendirmek üçin Global CSS ulanylmagy

Maglumatlaryň style atributynda React-de bir obýektdän goýulmagy

React-da aýratyn faýldan style atributyna maglumat goýbermek

React-da style atributynda CSS stilleri bilen işlemek

React-da üýtgeýänlerden style atributyna maglumat goýmak

Styled Components arkaly React-da Stil Goýma

Styled Components bilen Prop-lary ulanmak React-da

Styled Components bilen React-dä Şertli Rendirlenede Proplary ulanmak

React-da komponentleri giňişleýin stilizasiýa

React-da CSS modullary bilen stil ýazmagy öwrenmäge başlamak

CSS modullary React bilen stil ýöretmegiň dowamy

CSS modules-daky klasslar üçin compizes komandasy React-da

Reaktda CSS modullary üçin faýllar üçin compses buýrugy

Proýektler

React-daky Çeklist Taslamasy

React-dä Notepad taslamasy