Merhaba Dünya

React’i kullanmanın en kolay yolu, CodePen’deki bu Merhaba Dünya örnek kodunu kullanmaktır.

Herhangi bir şey yüklemenize gerek yoktur (React JS, React DOM ve Babel eklenmiştir). Dokümantasyonu farklı bir sekmede açıp codepen üzerinden kodları test edebilirsiniz.

Yerel bir geliştirme ortamı kullanmayı tercih ediyorsanız kurulum sayfasını inceleyin.

En küçük React örneği şuna benzer:

ReactDOM.render(
  <h1>Merhaba Dünya!</h1>,
  document.getElementById('root')
);

Bu kod, HTML’de root id’li etiket içerisine h1 başlığı ile Merhaba Dünya yazacaktır.

Bundan sonraki bölümlerde, React aşamalı olarak anlatılacaktır. React uygulamalarının yapı taşları olan element ve componentleri inceleyeceğiz.

Component konusuna hakim olduktan sonra, küçük ve yeniden kullanılabilir parçalardan karmaşık uygulamalar oluşturabilirsiniz.

JavaScript ile ilgili bir not

React bir JavaScript kütüphanesidir. Bu nedenle JavaScript dilini temel düzeyde bilmeniz gerekiyor.

Kendinizi yeterli görmüyorsanız JavaScript bilgilerinizi yenilemenizi öneririz, böylece konuları daha kolay anlayabilirsiniz.

Ek kaynaklar; w3schools, codecademy, youtube

Sıradaki Eğitim: JSX Nedir?