React komponentleri nelerdir?

Facebook tarafından geliştirilen UI(User Interfaces) kütüphanesidir. Kullanıcı arayüzü(UI) oluşturmamızı sağlayan açık kaynak kodlu JS kütüphanesidir. Web ve mobil uygulamalar View katmanı kapsar.Yeni UI bileşenleri oluşturmamızı sağlar. Şuan en popüler javascript kütüphanesidir.

  Component; React bileşenidir. Her şeyi bileşen olarak düşünbilirsiniz. Eğer büyük proje geliştiriyorsak bize kodun güvenliği sağlar. Componnet’ler hem kodun okunurluğunu hemde kodun güvenliğine yardımcı olur. Sadece View katmanında kullanılır. Dependencies olarak package.json içinde react ve react-dom bulunur.

  React ağırlıklı olarak componentlere dayalı olup bu componentler tekrar tekrar kullanılabilir. Bu sayede herkes kolayca birçok şeyi taşıyabilir ve bunu herkesle paylaşabilir.

React Materyal Komponentleri

  

     Google’dan daha çabuk evrimleşen daha iyi bir materyal bulunmamakta. Tasarımın geleceğinin nasıl görüleceğine dair hassas bir anlayış getiren oldukça hızlı tempolu bir tasarım çerçevesinde yavaş yavaş hergün yeni başlangıçlar bu tasarım standardını benimsiyor ve platform, bu değerli tasarım elementlerini yansıtıcak şekilde değiştiriyor. Bu materyal componentleri iş akışınızı birazda olsa farklılaştıracak. Kütüphane aktif olarak çalışmaktadır, halihazırda bunun için üretime hazır bir sistem kurulmuştur.

image3

Material-UI

     

     Ve eger diger komponentte aradiginiz fonksiyonelliği bulamadiysaniz material_ui kutuphanesi tamamen google material tasarimlarini react komponentlerinin işleyişine entegre ediyor. Kutuphanenin sahipleri framework un kullanimi ve komponentler konusunda liberal davranip sizi material tasariminin dokümantasyonlarini okumaniz konusunda cesaretlendiriyorlar ki suya direk dalmayip onceden bir fikriniz olmasi icin. Hem react hemde material tasariminin web gelistirmede nasil isledigini bilmeniz sizin icin daha yararli olacaktir.

image4 (1)

React Masaüstü

 

     React in sevimli aksiyonlarinizi bilgisayariniza getirmek ister misiniz ? Evet su an bunu yapabilirsiniz ve buna ragmen bu kutuphane Beta project olarak adlandirilmistir.  Eger birden cok yazilimci bu kutuphaneyi hem windows 10 hemde mac os x platformlarinda calisabilir sekle getirirse daha cok yardimci olacaktir. Ustunu cizmek gerekir ki en onemli detay her turlu gelistirmeyi javascript sayesinde yapabiliyor oluşunuz.

image1 (1)

 

React mobil için fotoğraf düzenleyici

     

     Fotograflar tartismasiz web in en onemli parcalarindan biri. React photo viewer komponenti size yuksek kaliteli fotograflar olusturmanizi saglar. React web gelistirmenin daha belirgin bir yapiya evrildigini gostermek icin iyi bir ornek ve kod bazli olmasi size web gelistirmenin degerli icgudulerinide aşılar.

image2 (1)