React

UI yaratmaq üçün Javascript Kitabxanası

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() funskiyasını tətbiq edir. Bu nümunədə XML-ə oxşayan sintaksis - JSX işlənilir. Daxil olunan məlumat this.props ilə render funskiyası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() funskiyasının çağrılmağı ilə yenilənir.

Nümunə yüklənir...

Bir Applikasiya

Gəlin propsstate 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.

Nümunə yüklənir...