Tepki Eğitimi

Örneklerle Öğrenme

"Show React" aracımız React'i göstermeyi kolaylaştırır. Hem kodu hem de sonucu gösterir.

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

function Hello(props) {
  return <h1>Hello World!</h1>;
}

ReactDOM.render(<Hello />, document.getElementById('root'));

Alıştırmalarla Öğrenme

ReactDOM.(myElement, document.getElementById('root'));

Tepki Testi

Bir sınavla React becerilerinizi test edin.

Tepki Testi

React Uygulaması Oluştur

React'i öğrenmek ve test etmek için bilgisayarınızda bir React Environment kurmalısınız.

Bu öğretici, create-react-app.

Araç create-react-app, React uygulamaları oluşturmanın resmi olarak desteklenen bir yoludur.

Node.js kullanmak için gereklidir create-react-app.

Uygulamanızı oluşturmak istediğiniz dizinde terminalinizi açın.

Adlı bir React uygulaması oluşturmak için bu komutu çalıştırın my-react-app:

create-react-appbir React uygulamasını çalıştırmak için ihtiyacınız olan her şeyi ayarlayacaktır.

React Uygulamasını Çalıştırın

my-react-appDizine gitmek için bu komutu çalıştırın :

React uygulamasını yürütmek için bu komutu çalıştırın my-react-app:

Yeni oluşturduğunuz React Uygulamanız ile yeni bir tarayıcı penceresi açılacaktır! Değilse, tarayıcınızı açın ve localhost:3000adres çubuğuna yazın.

Sonuç:

Çoktan Biliyor Olman Gereken Şey

React.JS ile başlamadan önce, şu konularda orta düzeyde deneyime sahip olmalısınız:

• HTML
• CSS
• JavaScript

Ayrıca ECMAScript 6'da (ES6) tanıtılan yeni JavaScript özellikleriyle biraz deneyime sahip olmalısınız, bunlar hakkında React ES6 bölümünde öğreneceksiniz.