Persiapan Belajar React

27/09/2016    Reza Indra    2599     Website

Hari ini kita akan mulai belajar React. Dalam prakteknya, React tidak berdiri sendiri sebagai sebuah framework yang utuh. Kita akan menggunakan beberapa tools dari JavaScript untuk melengkapi React. Namun sebagai pemula, kita cukup untuk fokus memahami cara kerja React.

Apa yang harus saya ketahui?

Untuk belajar React, kamu disarankan menguasai hal-hal berikut:

1. JavaScript Dasar seperti variable, function, looping, console, event dll (Wajib)
2. Konsep object-oriented programming
3. ECMAScript 6
3. NodeJS dan NPM
4. Tools JavaScript seperti Gulp, Grunt, Browserify dll
5. Git dan Github

Wah banyak juga ya? Tenang guys!, disini kalian diwajibkan cukup menguasai point nomor 1 saja, sisanya bisa menyusul. Tapi, semakin banyak yang kamu bisa dari point-point di atas, akan semakin memudahkan kamu untuk belajar React.

Text Editor

Ada 3 text editor yang saya sarankan yakni Atom, Sublime Text dan Brackets. Saya sendiri menggunakan Atom, kalian tinggal pilih mana yang paling nyaman dipakai.

Browser

Disarankan menggunakan Chrome atau Mozilla Firefox karena paling support terhadap ECMAScript versi terbaru.

Persiapan Project

Silahkan teman-teman masuk ke situs React (https://facebook.github.io/react/). Klik button "Download React v15.3.2", karena kita terhubung dengan internet, jadi kita pilih dalam bentuk CDN saja.

Selanjutnya buatlah folder project dalam Atom dan buatlah file index.html.

Dalam index.html buatlah dokument HTML dan import link yang kita copy dari situs React.

Kemudian klik link berikut https://cdnjs.com/libraries/babel-core/5.8.38. Babel adalah tools yang dapat menerjemahkan JSX dalam bentuk JavaScript pada browser. Silahkan copy url yang saya tandai.

Silahkan teman-teman panggil link tersebut ke dalam tag script pada index.html.

Pada artikel berikutnya kita akan mulai menulis kode pertama dari React.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More