Langsung ke konten utama

Postingan

Menampilkan postingan dari 2016

JSX in REACT

React dapat menggunakan 2 tipe javascript yaitu : 1. Javascript yang biasa kita gunakan, dan 2. JSX yaitu javascript yang penulisan syntaxnya seperti XML. JSX memudahkan untuk mendefinisikan struktur yang berupa tree Dalam penggunaannya, JSX menggunakan 2 tipe dalam penulisan variabel dimana variabel yang diawali dengan huruf kecil adalah untuk mengenali html sedangkan variabel yang diawali huruf besar untuk mengenali komponen dari react itu sendiri. Lihat contoh dibawah ini : - Penulisan variabel untuk render HTML var myDivElement = < div className = "foo" /> ; ReactDOM . render ( myDivElement , document . getElementById ( 'example' )) - Penulisan variabel untuk render komponen React dan HTML var MyComponent = React . createClass ({ /*...*/ }); var myElement = < MyComponent someProperty = { true } /> ; ReactDOM . render ( myElement , document . getElementById ( 'example' ));    

Part 1 - Instalasi React Native di Windows

Kali ini saya mau sharing dikit tentang bagaimana caranya instal react native khususnya di windows. Sebelum kita menuju step by step nya. Saya mau info sedikit jika react native ini merupakan framework yang dibuat oleh tim developernya facebook untuk membangun sebuah aplikasi mobile berbasis hybrid. React native sifatnya accross platform yang artinya bisa dipakai untuk Android maupun iOS. So tunggu apa lagi? ^^ Untuk instalasinya cukup gampang. Kita hanya menggunakan npm untuk download packagenya. Cukup running npm install -g react-native-cli di cmd. Setelah itu bikin project dengan cara running react-native init [nama_project] . So simple kaaan.... Nah bagaimana cara running projectnya?? Kita butuh emulator untuk menjalankannya. Bisa pakai emulator yang di android studio atau dengan Genymotion. Project ini cuma support API 23 jadi download device yang dukung API 23 yaaaa.. Selamat mencobaaa.. Please feel free for asking me. Thank you :)

Belajar React.js

React. js adalah sebuah library javascript yang digunakan oleh facebook dan instagram dalam pembuatan user interfacenya. React.js sangat berguna pada aplikasi yang data nya sering berubah ubah. Jadi, React.js disini seakan akan melakukan refresh pada bagian yang tertentu dan menampilkan data terupdatenya. Namun tidak hanya itu, React.js juga sangat berguna bagi aplikasi ketika di akses dengan koneksi yang lambat. Sumber : http://digitalmapia.com/belajar-react-js-1-perkenalan/