Tutorial ReactJS Bagi Pemula Part 1

Tutorial ReactJS Bagi Pemula ini akan kami mulai dengan mendeskripsikan apa itu reactjs?

React JS adalah Library Javascript untuk membuat user interface. React sendiri dibuat oleh developer facebook. sehingga library ini menjadi terkenal. dengan menggunakan react js kita bisa menggunakan ulang UI yang telah dibuat sebelumnya.

Langsung saja saya kenalkan bagaimana proses penulisan koding menggunakan react.

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

class Test extends React.Component {
  render() {
    return <h1>Hello World!</h1>;
  }
}

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

Selamat anda sudah membuat koding react pertama anda!

Membuat Aplikasi React

Untuk mempelajari dan tes koding, Anda harus setting dahulu komputer Anda.

Tutorial ini menggunakan aplikasi create-react-app.

Aplikasi create-react-app didukung secara resmi untuk membuat aplikasi React.

Jika Anda memiliki NPM dan Node.js yang telah diinstal, Anda dapat membuat aplikasi Bereaksi dengan menginstal terlebih dahulu aplikasi create-react-app.

Instal create-react-app dengan menjalankan command ini di terminal Anda:

C:\Users\Your Name>npm install -g create-react-app

Setelah itu kamu sudah bisa membuat aplikasi react pertamamu.

Jalankan command berikut dengan beri nama myfirstreact :

C:\Users\Your Name>npx create-react-app myfirstreact 

create-react-app akan secara otomatis men-setup seluruh yang dibutuhkan untuk menjalankan aplikasi.

Cara Menjalankan React

Jika kamu sudah menjalankan command diatas. maka selanjutnya ketik command berikut :

C:\Users\Your Name>cd myfirstreact 

C:\Users\Your Name\myfirstreact>npm start 

maka akan memunculkan tampilan di tab baru browser anda, jika tidak muncul ketikan : localhost:3000 di address bar browser.

Sebelum belajar lebih jauh apa saja yang kamu perlu pelajari :

• HTML
• CSS
• Javascript

Oke.. sekian dulu tutorial react js bagi pemula part 1 .. semoga bermanfaat ya teman-teman..