Deklarativ
React interaktiv UI yaranmasını çox asanlaşdırır. Applikasiyanızın hər bir halı üçün sadə görünüşlər yaradın. Məlumatlar dəyişən zaman React düzgün komponentləri səmərəli şəkildə dəyişir və render edir.
Deklarativ görünüşlər sizini kodunuzu daha proqnozlaşdırıla bilən və asan dibuq olunan edir.
Komponent Əsasında
Öz halını idarə edən inkapsulasiyalı komponentlər düzəldib, sonra komponentləri tərtib edərək kompleks UI yaradın.
Komponent məntiqi şablon əvəzinə JavaScriptdə yazıldığından, siz asanlıqla zəngin məlumatları öz applikasiyanıza göndərərək vəziyyəti DOMdan kənarda saxlaya bilərsiniz.
Bir dəfə öyrən, Hər yerdə yaz
Biz, sizin qalan texnologiya stekiniz haqqında heç bir təxmin etmirik. Bu səbədən siz mövcud kodunuzu yenidən yazmadan, yeni xüsusiyyətləri Reactdə yaza bilərsiniz.
React həmçinin Node ilə serverdə render edə və mobil applikasiyaları React Native ilə dəstəkləyə bilər.
Sadə Komponent
React komponenti daxil olan məlumatları qəbul edib nəyi göstəriləcəyini qaytaran, render() funksiyasını tətbiq edir. Bu nümunədə XML-ə oxşayan sintaksis - JSX işlənilir. Daxil olunan məlumat this.props ilə render funksiyasından oxuna bilər.
JSX məcburi deyil və React işlətmək üçün tələb olunmur. JSX kompilyasiyasından yaradılan Javascript kodunu görmək üçün Babel REPL sınayın.
Nümunə yüklənir...
Vəziyyətli Komponent
Daxil olunan məlumatdan (this.props ilə oxunur) əlavə, komponent daxili vəziyyət məlumatlarını saxlaya bilər (this.state ilə oxunur). Komponent vəziyyətində dəyişikliklər olduqda, render olunmuş nişan render() funksiyasının çağrılmağı ilə yenilənir.
Nümunə yüklənir...
Bir Applikasiya
Gəlin props və state işlədərək kiçik bir Todo applikasiya yaradaq. Bu nümunədə state ilə cari elementlərin siyayısını, həmçinin istifadəçinin daxil etdiyi mətni izləyir. Hadisə işləyicilərinin sətirdaxili olmağına baxmayaraq, bu işləyicilər toplanır və hadisə deleqasiyası tərəfindən tətbiq edilir.
Nümunə yüklənir...
Xarici Pluginlər ilə Komponent
React sizə digər kitabxana və freymvorklara inteqrasiya etmək üçün metodlar ilə təmin edir. Bu nümunədə remarkable xarici Markdown kitabxanası işlənərək <textarea> elementinin dəyəri markdown-a real zamanda çevrilir.