Tutorial Bereaksi

[+:

React adalah library JavaScript untuk membangun antarmuka pengguna.

React digunakan untuk membangun aplikasi satu halaman.

React memungkinkan kita untuk membuat komponen UI yang dapat digunakan kembali.

Mulai belajar Bereaksi sekarang

Belajar dengan Contoh

Alat "Show React" kami memudahkan untuk mendemonstrasikan React. Ini menunjukkan kode dan hasilnya.

Contoh:

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

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

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


Belajar dengan Latihan

Latihan Reaksi

Olahraga:

Masukkan metode ReactDOM yang benar untuk merender elemen React ke DOM.

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



Kuis Reaksi

Uji keterampilan Bereaksi Anda dengan kuis.

Kuis Reaksi


Buat Aplikasi Bereaksi

Untuk mempelajari dan menguji React, Anda harus menyiapkan React Environment di komputer Anda.

Tutorial ini menggunakan create-react-app.

Alat create-react-appini adalah cara yang didukung secara resmi untuk membuat aplikasi React.

Node.js diperlukan untuk menggunakan create-react-app.

Buka terminal Anda di direktori yang ingin Anda buat aplikasinya.

Jalankan perintah ini untuk membuat aplikasi React bernama my-react-app:

npx create-react-app my-react-app

create-react-app akan mengatur semua yang Anda butuhkan untuk menjalankan aplikasi React.

Catatan: Jika sebelumnya Anda telah menginstal create-react-appsecara global, Anda disarankan untuk menghapus paket untuk memastikan npx selalu menggunakan versi terbaru create-react-app. Untuk menghapus instalan, jalankan perintah ini: npm uninstall -g create-react-app.


Jalankan Aplikasi React

Jalankan perintah ini untuk pindah ke my-react-appdirektori:

cd my-react-app

Jalankan perintah ini untuk menjalankan aplikasi React my-react-app:

npm start

Jendela browser baru akan muncul dengan Aplikasi React yang baru Anda buat! Jika tidak, buka browser Anda dan ketik localhost:3000di bilah alamat.

Hasil:


Anda akan belajar lebih banyak tentang ini create-react-appdi bab React Get Started .


Apa Yang Harus Anda Ketahui

Sebelum memulai dengan React.JS, Anda harus memiliki pengalaman menengah dalam:

  • HTML
  • CSS
  • JavaScript

Anda juga harus memiliki pengalaman dengan fitur JavaScript baru yang diperkenalkan di ECMAScript 6 (ES6), Anda akan mempelajarinya di bab React ES6 .