React

React

38 dil

• العربية
• Azərbaycanca
• Български
• বাংলা
• Català
• Čeština
• Deutsch
• English
• Español
• Eesti
• فارسی
• Suomi
• Français
• עברית
• हिन्दी
• Հայերեն
• Bahasa Indonesia
• İtaliano
• 日本語
• 한국어
• Кыргызча
• Latviešu
• മലയാളം
• मराठी
• Nederlands
• Norsk bokmål
• Polski
• Português
• Runa Simi
• Română
• Русский
• Slovenčina
• Српски / srpski
• Svenska
• Українська
• Tiếng Việt
• 中文
• Bân-lâm-gú

Bağlantıları değiştir

Vikipedi, özgür ansiklopedi

React

Geliştirici(ler)	Facebook ve geliştirici grubu
İlk yayınlanma	Mayıs 2013 (2013-05)
Güncel sürüm	17.0.2 / 22 Mart 2021 (3 yıl önce) (2021-03-22)
Geliştirme durumu	Aktif
Programlama dili	JavaScript
Platform	Cross-platform
Boyut	128 KiB production 559 KiB development
Tür	JavaScript kütüphanesi
Resmî sitesi	reactjs.com
Kod deposu	github.com/facebook/react

React (ReactJS veya React.js olarak da bilinir) kullanıcı arayüzü oluşturmaya yarayan açık kaynak kodlu bir javascript kütüphanesidir. Facebook önderliğinde bir geliştirici grubu tarafından geliştirilmekte olan React, Model-View-Controller prensibine uygun olarak oluşturulmuştur.^[1] React ile single-page olarak adlandırılan sayfalar geliştirilebileceği gibi React-Native ile mobil uygulamalar da geliştirilebilir.^[2]

React'i kullananlar arasında Khan Academy,^[3] Netflix,^[4] Yahoo,^[5] Facebook, Instagram, Sony^[6] ve Atlassian^[7] örnek gösterilebilir.

React Native[değiştir | kaynağı değiştir]

2015 yılında Facebook, iOS ve Android işletim sistemlerine yönelik, React altyapısı kullanılarak uygulama geliştirme platformu React Native'i duyurdu.^[8]

Tarihi[değiştir | kaynağı değiştir]

React, Facebook'ta bir yazılım mühendisi olan Jordan Walke tarafından geliştirildi ve "FaxJS" adlı React'in erken bir prototipini yayınladı. PHP için bir HTML bileşen kütüphanesi olan XHP'den etkilendi. İlk olarak 2011 yılında Facebook'un Haber Kaynağında ve daha sonra 2012 yılında Instagram'da kullanıldı.  Mayıs 2013'te ABD'de düzenlenen JSConf'da açık kaynaklı olarak tanıtıldı.

26 Eylül 2017'de React 16.0 sürümü yayımlandı.^[9]

16 Şubat 2019'da React 16.8 yayımlandı.  Bu sürümde, React Hooks tanıtıldı.^[10]

10 Ağustos 2020'de React ekibi, React geliştiriciye yönelik API'de büyük değişiklikler yapılmayan ilk büyük sürüm olarak dikkat çeken React v17.0 için ilk sürüm adayını açıkladı.^[11]

29 Mart 2022'de, yeni bir eşzamanlı işleyici, otomatik toplu işleme ve Suspense ile sunucu tarafı oluşturma desteği sunan React 18 piyasaya sürüldü.^[12]

Temel özellikleri[değiştir | kaynağı değiştir]

JSX[değiştir | kaynağı değiştir]

JSX veya JavaScript Sözdizimi Uzantısı, JavaScript dili sözdiziminin bir uzantısıdır.  HTML'e benzer bir şekilde, birçok geliştiricinin aşina olduğu sözdizimini kullanarak component oluşturmayı sağlar. React component'leri genellikler JSX ile yazılır, ancak JavaScript dilinin kendisi kullanılarak da yazılabilir.

JSX kodu örneği:

class App extends React.Component {
  render() {
    return (
      <div>
        <p>Header</p>
        <p>Content</p>
        <p>Footer</p>
      </div>
    );
  }
}

Component[değiştir | kaynağı değiştir]

React kodu, component adı verilen varlıklardan oluşur. Bu component'ler birçok kez kullanılabilir ve adlandırma olarak Pascal Case tercih edilir. Component'ler "src" klasöründe tutulur. Bu component'ler ReactDOM kütüphanesi aracılığıyla bir HTML elementine render edilir. Component'ler arasındaki değerler "props" aracılığıyla geçilir.

import React from "react";
import Tool from "./Tool";
const Example = () => {
  return (
    <>
      <div className="app">
        <Tool name="Gulshan" />
      </div>
    </>
  );
};
  
export default Example;

Functional Component[değiştir | kaynağı değiştir]

Functional component'ler, geriye JSX döndüren JavaScript fonksiyonlarıyla tanımlanır:

const Greeter = () => <div>Merhaba Dünya</div>;

Class-based Component[değiştir | kaynağı değiştir]

Class tabanlı component'ler, ES6 sınıfları aracılığıyla oluşturulur:

class ParentComponent extends React.Component {
  state = { color: 'green' };
  render() {
    return (
      <ChildComponent color={this.state.color} />
    );
  }
}

Örnek[değiştir | kaynağı değiştir]

Aşağıdaki kodlar, JSX ve JavaScript ile yazılmış web için React kullanımının temel bir örneğidir.

import React from 'react';
import ReactDOM from 'react-dom/client';

const Greeting = () => {
    return (
        <div className="hello-world">
            <h1>Merhaba dünya!</h1>
        </div>
    );
};

const App = () => {
    return <Greeting />;
};

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
    <React.StrictMode>
        <App />
    </React.StrictMode>
);

ReactJS component'leri index.html dosyasına render edilir:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>React App</title>
</head>
<body>
  <noscript>Bu uygulamayı çalıştırmak için JavaScript'i etkinleştirmelisin.</noscript>
  <div id="root"></div>
</body>
</html>

Üstteki örnekte Greeting fonksiyonu, ekrana "Merhaba Dünya" yazıran bir ReacJS component'idir. Web sayfasının kaynak kodlarına bakıldığında, sonuç aşağıdaki gibi olacaktır:

<div class="hello-world">
  <h1>Merhaba Dünya!</h1>
</div>

Ayrıca bakınız[değiştir | kaynağı değiştir]

• AngularJS
• Backbone.js
• Ember.js
• Meteor
• Vue.js
• Javascript kütüphaneleri listesi

Kaynakça[değiştir | kaynağı değiştir]

1. ^ "React: Making faster, smoother UIs for data-driven Web apps". InfoWorld. 15 Aralık 2015 tarihinde kaynağından arşivlendi. Erişim tarihi: 13 Mayıs 2015. 
2. ^ "React (JavaScript_library)". 16 Mart 2015 tarihinde kaynağından arşivlendi. 
3. ^ "Backbone to React". Joel Burget. 6 Aralık 2015 tarihinde kaynağından arşivlendi. Erişim tarihi: 13 Mayıs 2015. 
4. ^ "React.js conf - schedule". React.js. 17 Kasım 2015 tarihinde kaynağından arşivlendi. Erişim tarihi: 13 Mayıs 2015. 
5. ^ "Yahoo Mail moving to React". Slideshare. 
6. ^ "Mikael Brassman on Twitter: "Sony's Lifelog newly released web interface is using #refluxjs and #reactjs on the client-side"". Twitter. 3 Mart 2016 tarihinde kaynağından arşivlendi. Erişim tarihi: 13 Mayıs 2015. 
7. ^ "Wesley Walser on Twitter: "React.js is now driving @atlassian OnDemand billing pages. Small project to start adoption, positive experiences thus far."". Twitter. 4 Mart 2016 tarihinde kaynağından arşivlendi. Erişim tarihi: 13 Mayıs 2015. 
8. ^ "React Native: Bringing modern web techniques to mobile". 1 Ocak 2016 tarihinde kaynağından arşivlendi. Erişim tarihi: 13 Ocak 2016. 
9. ^ "React v16.0 – React Blog". reactjs.org (İngilizce). 3 Ekim 2017 tarihinde kaynağından arşivlendi. Erişim tarihi: 29 Ekim 2022. 
10. ^ "Introducing Hooks – React". reactjs.org (İngilizce). 25 Ekim 2018 tarihinde kaynağından arşivlendi. Erişim tarihi: 29 Ekim 2022. 
11. ^ "React v17.0 Release Candidate: No New Features – React Blog". reactjs.org (İngilizce). 10 Ağustos 2020 tarihinde kaynağından arşivlendi. Erişim tarihi: 29 Ekim 2022. 
12. ^ "React v18.0 – React Blog". reactjs.org (İngilizce). 29 Mart 2022 tarihinde kaynağından arşivlendi. Erişim tarihi: 29 Ekim 2022. 

"https://tr.wikipedia.org/ansiklopedi/React&oldid=31818133" sayfasından alınmıştır

Kategori:

• AJAX
• Facebook tarafından geliştirilen yazılımlar
• JavaScript kütüphaneleri
• MIT Lisansı kullanan yazılımlar

Gizli kategoriler:

• Kullanımdan kaldırılmış görüntü sözdizimi kullanan sayfalar
• GND tanımlayıcısı olan Vikipedi maddeleri

---

Haberler Kategorisinden Haberler

• 1036 Nedir?
• Clifton, Cumbria Nedir?
• Ansi Agolli Nedir?
• Türkiyenin En Büyük Bayrakçısı
• İşNet Nette Arşiv Kampanyası
• Yırtılmayan Afiş Yapan Firmalar
• Ça-Ça-Ça
• Bofors 40 mm Nedir?
• Merkez Mahallesi Çebiş Köyü
• Kaplama
• Abdi İpekçi Arena Nedir?
• Dipsas peruana Nedir?
• Braće Jerković
• PR31Y43
• Ağzıkara Mahallesi Çatağıl Köyü
• Els Segadors
• Honda Civic
• Zaferlerim
• Tupolev Tu-2
• Keçili Mahallesi
• Kırlangıç Bayrakları Üretimi
• Geophis incomptus Nedir?
• Anadoluda 80lerin bayileri bugünün dış ticaret şirketleri oldu
• Güneşevler Mahallesi
• CELTA Kursunun içinde neler var
• Benim Yurdum Şiiri
• Atractus darienensis Nedir?
• Çiftli Masa Bayrağı Üretimi
• Türk bayrağına yapılan yasaklı davranışlar nelerdir?
• Tekmen Bağları Mahallesi Tekmen Köyü

• React Nedir?:React ile ilgili React burada bulabilirsiniz. Detaylar için sitemizi geziniz React Ne Demektir? React Açıklaması Nedir? React Cevabı Nedir? React Kelimesinin Anlamı? React konusu Nedir Ne, yaşantımızda sık kullanılan kelimelerden birisi olarak karşımıza çıkar. Hem sosyal medyada hem de gündelik yaşantıda kullanılan ne kelimesi, uzun yıllardan beri dilimizdedir. React Türk Dil Kurumu na (TDK) göre farklı anlamları olan ne kelimesi, Türkçe de tek başına ya da çeşitli cümleler eşliğinde kullanılabilir. React Ne kelimesi ne demek, TDK ya göre anlamı nedir sorularının cevabını arayanlar için bildiris.com doğru adres! Peki, ne kelimesi ne demek, TDK ye göre anlamı nedir? React Ne kelimesinin kökeni ne, ne kelimesinin kaç anlamı var? React İşte TDK bilgileri ile merak edilenler
• React Açıklaması?:React Açıklama Bir Terim Kavram Ya Da Başka Dilsel Olgunun Daha İyi Anlaşılması İçin Yapılan Ek Bilgidir. React Söz Konusu Bilgi Açıklanacak Sözcükten Daha Uzun Olur React Açıklama İle İlgili Durumun Kanıtı Şu Şekilde Doğrulanabilir React Bir Sözlükteki Tanım İlgili Sözcük Yerine Kullanılabilirse, Bu Bir Açıklamadır. React Yani Aynı Bağlam İçinde Hem Sözcük Hem De Tanım Kullanılırsa Ve Anlamsal Açıdan Bir Sorun Oluşturmuyorsa Bu Bir Açıklamadır.
• React Gerçek mi?:React ile ilgili React burada bulabilirsiniz. Detaylar için sitemizi geziniz Gerçek anlam React sözcüklerin birincil anlamı ile (varsa) bu anlamla doğrudan ilişkili olan anlamlarıdır. Gerçek anlam, temel anlam ile yan anlamların bileşkesidir. React Bir sözcüğün mecaz olmayan tüm anlamlarını kapsar.
• React Hakkında?:React ile ilgili React burada bulabilirsiniz. React Detaylar için sitemizi geziniz React Bu sayfada Hakkında nedir Hakkında ne demek Hakkında ile ilgili sözler cümleler bulmaca kısaca Hakkında anlamı tanımı açılımı Hakkında hakkında bilgiler React resimleri Hakkında sözleri yazıları kelimesinin sözlük anlamı nedir almanca ingilizce türkçe çevirisini bulabilirsiniz