Containers Are Dead. Long Live Observable Combinators
On Wednesday I watched Reactive2015 conference and André Staltz’s talk about Cycle.js and its advantages compared to React. The presentation was awesome but it was a bit misleading — you can do truly reactive programming also with React by combining it with observables. It may not be so “declarative†or “functional†as it is in Cycle but it works and it’s a really powerful way of creating UIs. I r
Why I cannot say FRP but I just did
The story of a useful acronym with overprotective parents Functional Reactive Programming (FRP) is an increasingly popular acronym. Both reactive and functional programming are genuinely useful terms conveying ideas without formal rigor. FRP, however, is a radically strict term for a programming technique mathematically defined about 20 years ago. People loosely use FRP to refer to reactive progra
Combining Flux and FRP: Hello ffux!
I wrote an article about how to replace Flux with Functional Reactive Programming about two months ago. It received a lot of good feedback and started some interesting discussion. Despite that, there are not so many React + FRP implementations yet. What should be done differently so that people would start using FRP with React? The mental model of FRP differs so much from “traditional†programming
Good bye Flux, welcome Bacon/Rx?
Facebook introduced Flux about a year ago for client-side web application building and since then it has become one of the hottest tech in the web development scene. The task of Flux is to isolate business logic from the user interface logic by using dispatcher, stores and actions. The core idea is the unidirectional data flow which means that actions are propagated through the entire system in re
リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æŠ€è¡“を用ã„ã¦ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’実装ã™ã‚‹ - ã¯ã“ã¹ã«ã£ã ♨
å¤ã良ãインターãƒãƒƒãƒˆã‚¢ãƒ—リケーションã§ã‚るマウスストーカー*1をリアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®æŠ€è¡“を活用ã—ã¦å®Ÿè£…ã—ã¦ã¿ã‚‹ã¨ã„ã†å–り組ã¿ã‚’ã—ã¾ã—ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚リアクティブプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã„ã†ã¨ä¸»èªžãŒå¤§ãã‚ã§ã™ãŒã€ã“ã“ã§ã¯bacon.jsを使ã£ã¦ã‚‹ãらã„ã®æ„味ã§ã™ã€‚ ã§ããŸã‚‚ã® ã¾ãšã¯å®Œæˆã—ãŸãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’紹介ã—ã¾ã™ã€‚ãƒã‚§ãƒ¼ãƒ³ã®ã‚ˆã†ã«é€£ãªã£ãŸæ˜ŸãŒãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ã®è»Œè·¡ã‚’辿ã£ã¦ã¤ã„ã¦ãã¾ã™ã€‚工夫ã—ã¦ã†ã”ã‹ã™ã¨ãªã‹ãªã‹ç¶ºéº—ã§ã™ã€‚下ã®ãƒœã‚¿ãƒ³ã‚’押ã™ã¨å®Ÿéš›ã«ã“ã®ç”»é¢ã§ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’有効ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™(requestAnimationFrameã«å¯¾å¿œã—ãŸPCブラウザã®ã¿)。ã„ã‚ã„ã‚å‹•ã‹ã—ã¦éŠã‚“ã§ã¿ã¦ãã ã•ã„。 ã“ã®ãƒšãƒ¼ã‚¸ã§ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ã‚’有効ã«ã™ã‚‹ 実装 ã“ã®ãƒžã‚¦ã‚¹ã‚¹ãƒˆãƒ¼ã‚«ãƒ¼ãŒã©ã®ã‚ˆã†ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ソースコードã¯GitHubã«å…¬é–‹ã—ã¦ã„ã¾ã™ã®ã§ã€é©å®œã”å‚ç…§ãã ã•ã„。手元
Reactive Programming in JavaScript
- + 最近ã®å°å¦æ ¡ã§ã¯ã€ã€ŒãŠçˆ¶ã•ã‚“・ãŠæ¯ã•ã‚“ã®åå‰ã‚’グーグルã§æ¤œç´¢ã—ã¦ã¿ã¾ã—ょã†ã€ã¨ã„ã†ã€ä¸–ã«ã‚‚æã‚ã—ã„授æ¥ãŒã‚るらã—ã„。・・・。 — 丹　洋介 (@yosuke_tan) January 25, 2015
Functional Reactive Programming
Deploy Services Using Kubernetes—Save 45% TODAY ONLY!
Asynchronous JavaScript at Netflix
Add Some Fun to Your Functional Programming With RXJS Ryan Anklam 1,168Â views
ストリーム表ç¾ã¨ãã®å¤‰æ› - ✘╹◡╹✘
データをストリームã¨ã—ã¦è¡¨ç¾ã™ã‚‹æ–¹æ³•ã¨ã€ã‚¹ãƒˆãƒªãƒ¼ãƒ を変æ›ã™ã‚‹æ–¹æ³•ã‚’紹介ã™ã‚‹ã€‚ ストリームã¯ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒæµã‚Œã‚‹å·ã§ã‚ã‚‹ Pub/Subメッセージングモデルã§ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’æµã™ãŸã‚ã®ã‚ªãƒ–ジェクトã®ã“ã¨ã‚’ストリームã¨å‘¼ã¶ã“ã¨ã«ã™ã‚‹ã€‚ストリームã«ã¯ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’Publishã§ãã€ã¾ãŸãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’å—ã‘å–ã£ãŸã¨ãã®å‡¦ç†ã‚’Subscribeã§ãる。例ãˆã°ã‚ーボードã‹ã‚‰ã®å…¥åŠ›ã‚’Publishã—ã¦ã€å†…容をコンソールã«å‡ºåŠ›ã™ã‚‹ã‚ˆã†ãªå‡¦ç†ã‚’Subscribeã§ãる。 kamo.jsã§ã‚¹ãƒˆãƒªãƒ¼ãƒ を表ç¾ã™ã‚‹ ストリームã«ã¤ã„ã¦èª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€kamo.jsã¨ã„ã†ã‚¹ãƒˆãƒªãƒ¼ãƒ を表ç¾ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリをã¤ãã£ãŸã€‚kamo.jsã¯ã€ã‚¹ãƒˆãƒªãƒ¼ãƒ を作æˆã™ã‚‹ãŸã‚ã®kamo.Streamã¨ã„ã†ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿é–¢æ•°ã‚’æä¾›ã™ã‚‹ã€‚ã“ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿é–¢æ•°ã‹ã‚‰ä½œæˆã•ã‚ŒãŸã‚ªãƒ–ジェクトã¯ã€publishã¨subscribeã¨ã„ã†ãƒ¡ã‚½ãƒƒãƒ‰(※プãƒãƒ‘
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
What is the difference between streams and functional reactive programming?
What if the user was a function?
The introduction to Reactive Programming you've been missing
{{#tags}}- {{label}}
{{/tags}}