Membuat youtube dari reactJs

oke guys kali ini w pengen share sekaligus buat backup tentang reactJs
pada tau kan reactJs buatan Facebook,
oke langsung aja
pertama-tama ente harus siapin dulu bahannya, berhubung ane pake ubuntu ya ane
1. download ini https://github.com/zacka32/ReduxSimpleStater.git kemudian extract dan masuk ke foldernya dengan menggunakan CMD/Terminal gan (misalkan ente extract di document > cd Documents/ReduxSimpleStater)
2. ketik npm install lalu npm install  sampai muncul webpack : Compiled successfully
3.  oke sekang kita testing di browser (input url: localhost:8080) jreeenngg akan muncul tulisan
4. oke sekrang hapus folder src di dalam folder ReduxSimpleStater
kemudian buat lagi hehe, kan buat belajar jadinnya harus ribet dikit yahh hehe
5. buat file index.js di dalam folder src
yang isinya seperti ini



oke kita bisa liat ada const API_KEY = 'AIzaSyBPo_Q4Xnzy6LDeOCfF9zDGhy******';
itu agan masukin API_KEY yang anda buat, cara buatnya liat disini
http://blogsecond.com/2017/04/cara-mendapatkan-youtube-api-key-dengan-mudah/
oke lanjutt

6. kita buat folder components di dalam folder src, kemudian buat file didlamnya , search_bar.js, video_detail.js, video_item_list.js, video_list.js

7. oke sekrang buka file search_bar.js
 copykan file ini




8. video_detail.js

9. video_item_list.js

10. video_list.js



oke guys terakhir, instal lodash dan Api youtube di Terminal/CMD
seperti ini

npm install --save youtube-api-search npm install --save lodash

kalo berhasil akan load webstinya di localhost:8080
akan muncul seperti ini