Mesin keadaan reaktif

5 tahun yang lalu, setelah mencari solusi yang cocok di RxJs, Beacon, ... etc.js, dan berhenti di flyd.js dan menulis 4-6 proyek menggunakan hanya tiga fitur dari aliran , aktif , gabungkan perpustakaan . Sisanya tidak bekerja, saya ingin ringan bungkusan itu. Jadi alak muncul, versi pertama sebelum 0.3 hanya 20-30 baris dan sepenuhnya diganti flyd.

Setahun kemudian, versi 0.4 sudah muncul di 72 baris dengan pencocokan pola dan campuran (analog kombinasikan dari flyd atau dihitung dari vue). Setelah tiga tahun dan puluhan proyek - ada perasaan kebaikan, berbagi pengalaman dan rilis 1.0.

negeri fantasi

Perendaman tajam dalam FRP seseorang sepanjang hidupnya menulis OOP klasik dari buku teks dapat meledakkan kepalanya seperti perendaman yang tajam hingga kedalaman di luar bathyscaphe. Butuh beberapa minggu untuk merasa nyaman dengan pemikiran fungsi, bukan variabel. Tiga bulan kemudian, saya sudah sepenuhnya mengagumi grafik reaktif aplikasi - program dapat dilihat sebagai urat atau akar / cabang pohon. Saya pikir minat sederhana pada bahasa kuno seperti bahasa Sansekerta dan cinta untuk peri Quenia membantu saya. Meniup telinga sambil mencubit hidung adalah keterampilan dasar penyelam. Pemrogram OOP klasik yang sukses perlu mengeluarkan debu dari keterampilan pengetahuan mendalam mereka. Tidak ada yang dapat membantu fungsionalis berpengalaman, tetapi mungkin mereka akan membantu kami dalam mengatasi bentuk yang ada dan deskripsi menyala.

Nama tidak dikenal

Dalam filsafat, monad disebut partikel dasar alam semesta - partikel Tuhan, konsep yang agak rendah. Dalam spesifikasi tanah fantasi , dan dalam pemahaman umum FRP, monad adalah sesuatu yang lebih tinggi yang mengandung functor di dalamnya. Wikipedia memiliki dua definisi fungsi dalam konteks umum dan OCaml. Dalam konteks alak, functor partikel dasar adalah fungsi yang berisi data, ketika diubah, fungsi / functors terkait diperbarui. Semuanya seperti di tabel excel.



Di bacon.js, ini disebut " pembaruan atom, " RxJs tidak.

Di alak, kodenya mungkin terlihat seperti ini:

import A from 'alak' //    -    alak const userId = A.flow(); //         const followers = A.flow(); const profile = A.flow(); const tweets = A.flow(); //  userId -> profile  getProfile const getProfile = id => api.getProfile(id).then(profile); userId.up(getProfile); //   userId.up(id => { api.getFollowers(id).then(followers) api.getTweets(id).then(tweets); }); 

Jalankan di codesandbox
Mengubah userId akan menyebabkan perubahan reaktif dalam pengikut , profil , tweet .

Segalanya untuk memulai

Semua penggunaan fungsi Alak didasarkan pada kemampuan untuk berpikir dalam aliran, seperti pada Go, tetapi ketika membaca dari saluran, semua garam dalam membangun grafik dengan banyak koneksi / tepi, pendengar aliran tidak berkurang darinya.

Bahkan dalam angular.js, ini sudah cukup untuk menyelesaikan keadaan rumit dan rumitnya. Salib pada angular2 bagi saya adalah pengenaan RxJS dengan reaktivitas yang meragukan. Melihat ReduX, saya merasakan dua langkah kembali ke implementasi PureMVC .

Dalam posting ini, saya, seperti banyak pembicara modern, mendesak Anda untuk membuang pemikiran prosedural, beban pola OOP dan mulai bergerak menuju kode manusia / sastra. Alak hari ini cukup bagus dalam mendeskripsikan secara deskriptif grafik reaktif stack.

Kami menganggap reaktivitas tampilan (mesin template jsx / svelte / html) begitu saja.
- Jadi mengapa kita tidak memiliki reaktivitas yang sama di toko-toko?