https://css-tricks.com/debouncing-throttling-explained-examples/

JS trik untuk mengurangi function dijalankan selama event berlangsung. Maksudnya apa? silakan kunjungi link di atas 

#project #javascript #trick #awesome

https://medium.com/javascript-scene/top-javascript-frameworks-topics-to-learn-in-2017-700a397b711#.o7s1vz783 #todo #javascript

#reactjs are awesome, gabungan dari portabilitasnya #polymer dan luwesnya #jquery. Kemudahan dalam memanage object/komponen bergabung dengan berbagai fitur dari jquery. Portabilitas memudahkan untuk pengembangan tiap-tiap komponen menyesuaikan kebutuhan, tanpa mengganggu komponen lainnya. Props menunjukkan parameter apa saja yang diperlukan oleh sebuah komponen, sedangkan State mengakamodir agar satu komponen dapat saling bertukar informasi dengan komponen lain, pada masing-masing komponen dapat diisi dengan fungsi-fungsi yang murni #javascript, dan karena ini lah mengapa jquery bisa di blend kedalam tubuh tiap komponen. Struktur object yang selama ini ane pake saat bersama jquery benar-benar sangat membantu ane dalam memahami cara kerja react. Penemuan ini mirip seperti pola route MVC PHP yang ane coba bikin sendiri dan ternyata mendekati cara kerja framework PHP kebanyakan, mendekati 2% dari skala 100. #hahaha

#alhamdulillah render nested JSON object #react di suratmasuk yang baru berhasil dipecahkan #problemsolved. Fungsi .map react awalnya ane pikir bisa dimodifikasi menjadi looping bawaan #javascript semacam "for". Ternyata .map lebih bekerja sebagaimana render seharusnya, .map hanya merepresentasikan data menjadi view, bukan dengan paradigma looping. Berkali-kali ane mencoba memasukkan manipulasi saat .map, selalu gagal. Jalan keluarnya ternyata mudah, dan menurut ane inilah kekuatan react. Manipulasi data berjalan diluar render, ane gunakan fungsi tersendiri untuk memanipulasi ulang JSON dari server menjadi bentuk JSON yang ".map friendly".

Contohnya adalah seperti ini :

JSON server 
var json= [
   {
     asal: "KPP Banjarmasin", 
     perihal: "Laporan", 
     tag: 
     {
        "01": {nomor_agenda: "100"},
        "01-01": {nomor_agenda: "17"}
     },
   {
     asal: "KPP Banjarbaru", 
     perihal: "Surat Pengantar", 
     tag: 
     {
        "01": {nomor_agenda: "101"},
        "01-01": {nomor_agenda: "18"}
     }
]

Bentuk diatas harus bisa menyesuaikan
nomor_agenda yang muncul saat di 
render ke table. Jika login sebagai "01"
maka nomor_agenda tampil 100, sedangkan
saat login sebagai "01-01" yang tampil
adalah 17. Manipulasi tampilan seperti ini
sangat mudah dilakukan dengan loop;
loop jquery misalnya :

for(var a in json){
    var asal = json[a].asal
    var perihal = jason[a].perihal
    ...
}

#project #bersambung

belajar list/array di $go

Yang saya tahu pada awalnya, pada #javascript dan #python
    
    a = ['ikan', 'sayur', 'buah', 1, 2, 3]

selesai, list sudah langsung terbentuk
bahkan dengan #php pun mudah

    a = array('ikan', 'sayur', 'buah', 1, 2, 3)

Buum, jadi ....

di GO lumayan runyam, namun JELAS dan RAPI

    listA   := []string{"ikan","sayur","buah", "1", "2", "3"}
    listB, _ := json.Marshal(listA)
    fmt.Println(string(listB)) // output ["ikan","sayur","buah","1","2","3"]

    listA2   := []int{1,2,3}
    listB2, _ := json.Marshal(listA2)
    fmt.Println(string(listB2)) // output [1,2,3]

listA adalah list dengan type data STRING, angka bisa masuk, tapi dia tidak diperlakukan sebagai INT (dengan petik dua "")
sedangankan listA2 adalah list dengan type data INT, anggotanya benar-benar angka (tanpa petik dua ""),
ikan sayur buah ERROR pada saat di-compile jika dipaksakan masuk

kode lengkapnya #go-nya :

    package main

    import "fmt"
    import "encoding/json"

    type Blog struct {
        id string
        things string
        tag []string
    }

    func main() {
        
        fmt.Println("Mari mulai ...")

        // list
        listA   := []string{"ikan","sayur","buah", "1", "2", "3"}
        listB, _ := json.Marshal(listA)
        fmt.Println(string(listB))

        listA2   := []int{1,2,3}
        listB2, _ := json.Marshal(listA2)
        fmt.Println(string(listB2))   

        // dict
        mapA    := map[string]int {"apple": 5, "lettuce": 7}
        mapB, _ := json.Marshal(mapA)
        fmt.Println(string(mapB))    
    }

Baca baca e-book #go , penasaran kenapa tjholowaychuk (maatermind yg misterius) beralih ke #go begitu saja ... statementnya yg paling ane ingat ttg #javascript aka. #nodejs "callback hell". Dan memang ane sudah merasakannya ... #fyuuh #project

ambil data dari #redis untuk dipass ke browser ternyata lumayan ribet... belum familier dengan asyncronous nya #javascript