Tutorial Belajar Reactjs #1: Persiapan Awal Untuk Belajar Reactjs
Apa Itu Reactjs..?
React js adalah sebuah (GUI) Library
javascript yang bersifat Open Source, yang saat ini
digunakan oleh semua orang untuk membangun sebuah user Interface (UI) yang
sedang ramai di perbincangkan.
Sejarah RactJs, React pertama kali diperkenalkan
oleh Facebook, yang diciptakan oleh seorang Engineer Facebook
yang bernama Jordan Walke, Pertama kali React diluncurkan yakni pada tahun
2011 dan hingga saat ini terus melakukan pengembangan untuk fitur terbaru dari
React. Untuk Lebih Detail dapat mengunjungi Situs Resmi Reactjs Pada
tautan ==> https://reactjs.org/
Bagaimana Cara Kerja Reactjs..?
cara kerja Reactjs , di dalam react js kita dapat menulis kode html dan
javascript dalam satu struktur koda yang sama, konsep react js sendiri adalah
(DOM) Dokumen Object Model, yang artinya react akan menampilkan
atau merender Object Model yang kita buat dalam Dokument yang telah kita
Siapkan, sekilas untuk penjelasan dapat melihat code dibawah ini.
<!-- Insert Boiler Plate Code-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- REACT LIBRARY-->
<script src="https://unpkg.com/react@15.5.4/dist/react.js"></script>
<!-- REACT DOM LIBRARY-->
<script src="https://unpkg.com/react-dom@15.5.4/dist/react-dom.js"></script>
<!--BABEL LIBRARY-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
<title>Belajar React Session 01</title>
</head>
<body>
<div id="content">Isi konten rout react JS</div>
<script type="text/babel">
ReactDOM.render(
<div>
<h1>Berlajar React js</h1>
</div>, document.getElementById("content") );
</script>
</body>
</html>
Untuk mempermudah pemahaman cara kerja dari rectjs ini, kita dapat
menyimpulkan, kita membuat sebuah Object Model baik itu berupa tag HTML ,
variabel, atau pun sebuah Component dalam kode javascript yang nantinya kita
tampilkan pada sebuah document tag div html yang telah kita insialisai
sebelumnya.
dengan menggunakan Reactjs ini kita dapat membuah halaman website dinamis
dengan mudah dan cepat, karna Komponent yang kita miliki, dapat di panggil
berurang Dengan satu kali penulisan Komponent dan dapat di gunakan pada semua
page atau halaman web yang kita buat. Jelas dengan cara ini lebih meningkatkan
efisiensi kita dalam membangun sebuah Program.
selain itu kita juga dapat membuat sebuah SPA Single Page Application,
dengan menggunakan react Js ini, Karna kita dapat berpindah laman, megirim
parameter atau variebel antar halaman atau page tanpa melakukan Refresh pada
Browser, secara otomasi load halam pada website atau pun aplikasi yang kita
buat lebih cepat, Alasan ini juga yang membuat react juga di anggap SEO
Friendly.
Apa Keunggulan Dari ReactJs...?
1.Mudah Dipelajari dan di pahami
2.Mempercepat Pengembang Sebuah Aplikasi
3.Komponent yang dapat di gunakan Berulang
4.SOE friendly
5.Mempermudah Testing dan debug code
6.Declarative
7.Complate Library Serta forum yang Banyak
Dikarnakan reactjs ini sebuah Library dari Javascript maka, sebelum
memperlajari Reactjs ini, seharusnya anda sudah memahami bahasa pemrograman
JavaScript dan Juga HTML, Untuk mempermudah penulis juga telah
menyiapkan beberapa Materi yang mungkin dapat Membantu pembaca untuk memhami
JavaScript dan HTML pada Tautan Berikut ini.
- Tutorial JavaScript
- Tutorial HTML
Itulah Pengenalan Awal untuk Belajar Reactjs, untuk mempelajari lebih lanjut
bisa lanjut Ke Part 2 mengenai Tutorial Belajar Reactjs untuk pemula.
Jika ada masukan dan saran mengenai postingan ini bisa berikan di kolom
Komentar..
Sekian Dan Terima kasih...
#Happy Coding
#Keyword Penelusuran
- Belajar ReactJs
- Tutorial ReactJs
- Belajar ReactJs Untuk Pemula
- Tutorial ReactJs Untuk Pemula
- Tutorial Programing ReactJs
- Belajar ReactJs Bahasa Indonesia
- Tutorial ReactJs Bahasa Indonesia
0 Response to "Tutorial Belajar Reactjs #1: Persiapan Awal Untuk Belajar Reactjs "
Posting Komentar