From fp-ts to effect-ts: How to guide | Sandro Maglione
I have been using fp-ts in all of my projects for years now. In the second half of 2022 I was constantly checking Twitter for updates on the release of fp-ts v3. Meanwhile, another library for "functional programming", Effect, was spearheading the advancement of what is possible with typescript. Then, early this year, the communities behind fp-ts and Effect decided to join forces: no more fp-ts v3
Domain Modeling Made Functional (DevTernity 2022)
(video at https://fsharpforfunandprofit.com/ddd/) Statically typed functional programming languages encourage a very different way of thinking about types. The type system is your friend, not an annoyance, and can be used in many ways that might not be familiar to OO programmers. Types can be used to represent the domain in a fine-grained, self documenting way. And in many cases, types can even be
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‘ラダイムをå‚考ã«ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’å†è€ƒã™ã‚‹ / TypeScript ã«ã‚ˆã‚‹ GraphQL ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰é–‹ç™º
2022å¹´10月1æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸ #postdev ã§ã®ç™ºè¡¨ã§ã™
ã€ç¿»è¨³ã€‘ã‚ãªãŸãŒæ±‚ã‚ã¦ã„ãŸãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å…¥é–€ - ninjinkun's diary
original: The introduction to Reactive Programming you've been missing (by @andrestaltz) (translated by @ninjinkun, reviewed by @ma0e) ã‚ãªãŸã¯ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨å‘¼ã°ã‚Œã‚‹æ–°ã—ã„方法ãŒæ°—ã«ãªã£ã¦ã„る。 勉強ã™ã‚‹ã®ã¯å¤§å¤‰ã§ã€è‰¯ã„æ•™æãŒãªã„ã®ã§ã•ã‚‰ã«é›£ã—ã„。ç§ãŒå‹‰å¼·ã‚’始ã‚ãŸã¨ãã¯ã€ã¾ãšãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’探ã—ãŸã€‚見ã¤ã‘ãŸã®ã¯ä¸€æ¡ã‚Šã®å®Ÿè·µçš„ãªã‚¬ã‚¤ãƒ‰ã ã‘ã€ã—ã‹ã‚‚ãれらã¯è¡¨é¢ã‚’ãªãžã£ã¦ã„ã‚‹ã ã‘ã§ã€ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£å…¨ä½“åƒã‚’構築ã—よã†ã¨ã—ã¦ã¯ã„ãªã‹ã£ãŸã€‚ã‚る関数をç†è§£ã™ã‚‹ã®ã«ã€ãƒ©ã‚¤ãƒ–ラリã®ãƒ‰ã‚ュメントã¯å½¹ã«ç«‹ãŸãªã„ã“ã¨ãŒã‚る。 ã“れを見ã¦æ¬²ã—ã„。 Rx.Observable.prototype.flatMapLatest(selector,
Understanding Transducers in JavaScript – Roman Liutikov – Medium
I’ve found a very good article explaining Transducers. If you are familiar with Clojure, go and read it: “Understanding Transducersâ€. But if you are JavaScript developer and not used to read Lisp code, I’ve translated code examples from that article into JavaScript. So you can still read the article and see code examples here. What are Transducers?A quick noob intro: transducers are composable and
State, Promises & Reactive Programming
About the content This content has been published here with the express permission of the author. Promises are a well-known design pattern used to delay evaluation of future values, and to pipeline operations in an asynchronous manner. Typically, there are three internal states used to control the behavior of promises, but there is a lack of core interfaces essential to iOS & OS X development. To
The Evolution of Flux Frameworks
There has been no shortage of great Flux implementations, such as Flummox, Alt, or Fluxible. Most of them are focused on making Flux easier to use with the server rendering and reducing the boilerplate. They also often provide convenience utilities like higher-order components and asynchronous action helpers. Still, under the hood, many of them are built on top of the original Flux Dispatcher. Red
Flux inspired reactive data flow using React and Bacon.js - Reaktor
A few years ago I got introduced to reactive programming and Bacon.js, a FRP (functional reactive programming) library for Javascript. I got fond of it very fast, as it allowed you to create highly reactive UI’s with ease. While it works great in propagating changes to your views, it was still rather cumbersome to attach all the data flows to individual DOM nodes and properties. React solved that
Good bye Flux, welcome Bacon/Rx?ã®ç¿»è¨³ - Qiita
Good bye Flux, welcome Bacon/Rx?ã®ç¿»è¨³ã§ã™ã€‚FRPを使ã†å ´åˆã®ä¸€ã¤ã®å®Ÿè£…ã®ä»•æ–¹ã¨ã—ã¦ã‚¢ãƒªã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã†ã„ã†ã®ã‚’見るã¨FRPã®ãƒã‚ºãƒ¯ãƒ¼ãƒ‰ãŒä¸€æ®µè½ã™ã‚‹ã¨ã€ã‚„ãŒã¦ã€ã“ã®è¨˜äº‹ã«å‡ºã¦ãるビジãƒã‚¹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚£ã‚¹ãƒ‘ッãƒãƒ£ãƒ¼ã®éƒ¨åˆ†ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã«éš 蔽ã•ã‚Œã‚‹ã®ã§ã¯ã€ãã‚“ãªäºˆæ„Ÿã™ã‚‰ã—ã¾ã™ã€‚オブジェクト指å‘ã¨FRPã®åˆæµç‚¹ãŒè¦‹ãˆã‹ã‘ã¦ã„ã‚‹ã¨ã„ã†ã‹ã€ãã‚“ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã—ょã†ã‹ã€‚ ã•ã‚ˆã†ãªã‚‰ã€Flux。よã†ã“ãã€Bacon/Rx Facebookã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®Webアプリケーション開発ã®ãŸã‚ã«Fluxã‚’ç´„1å¹´å‰ã«ç™ºè¡¨ã—ã¾ã—ãŸã€‚以æ¥ã€Webã®é–‹ç™ºã‚·ãƒ¼ãƒ³ã®ä¸ã§ã‚‚ã£ã¨ã‚‚ホットãªæŠ€è¡“ã®ã²ã¨ã¤ã«ãªã£ã¦ã„ã¾ã™ã€‚ Fluxã®ã‚¿ã‚¹ã‚¯ã¯ãƒ“ジãƒã‚¹ãƒã‚¸ãƒƒã‚¯ã‚’ユーザーインターフェースã®ãƒã‚¸ãƒƒã‚¯ã‹ã‚‰ãƒ‡ã‚£ã‚¹ãƒ‘ッãƒãƒ£ãƒ¼ã¨ã‚¹ãƒˆã‚¢ã€ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’使ã†ã“ã¨ã§åˆ†é›¢ã™ã‚‹ã“ã¨ã§ã™ã€‚ä¸æ ¸ã¨ãªã‚‹ã‚¢
ECMAScript6ã«ã‚ˆã‚‹é–¢æ•°åž‹ãƒ•ã‚šãƒã‚¯ã‚™ãƒ©ãƒŸãƒ³ã‚¯ã‚™
2. 自己紹介 • åå‰ï¼šå®‰ç”°è£•ä»‹ • Trifortã«ä»Šå¹´å…¥ç¤¾ã®æ–°å’１年生 • Webフãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚„ã£ã¦ã¾ã™ • JavaScript, Scala, C++ãŒå¥½ã • GitHubアカウント: TanUkkii007 3. 関数型プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã¨ã¯ï¼Ÿ 副作用を排除ã—関数オブジェクトを駆使ã™ã‚‹ プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãƒ‘ラダイム関数型プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ï¼’大構æˆè¦ç´ • 第一級オブジェクトã¨ã—ã¦ã®é–¢æ•° • イミュータビリティ（ä¸å¤‰æ€§ï¼‰ 拡張性ã¨ä¿å®ˆæ€§ã®é«˜ã„コードを書ã手法ã¨ã—㦠近年注目を集ã‚ã¦ã„ã‚‹ 4. JavaScript㨠関数型プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®é–¢ä¿‚ JavaScriptã¯é–¢æ•°åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§ã‚ã‚‹ Schemeã®ç¬¬ä¸€ç´šé–¢æ•°ã‚ªãƒ–ジェクトをå—ã‘継ã„ã 言語 ECMAScript6ã¯é–¢æ•°åž‹ã®ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’ã‚‚ å¯èƒ½ã«ã™ã‚‹ 1. 変更ä¸å¯èƒ½ãªå¤‰æ•°ã®å®£è¨€ 2. パターンマッム3. å†å¸°ã«ã‚ˆã‚‹ç¹°ã‚Š
The React.js Way: Flux Architecture with Immutable.js - RisingStack Engineering
This article is the second part of the “The React.js Way†blog series. If you are not familiar with the basics, I strongly recommend you to read the first article: The React.js Way: Getting Started Tutorial. In the previous article, we discussed the concept of the virtual DOM and how to think in the component way. Now it’s time to combine them into an application and figure out how these component
宣言的プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®ã€Œå®£è¨€çš„ã€ã£ã¦ï¼Ÿ - sh-2ã®æ—¥è¨˜
ç–‘å• é–¢æ•°åž‹è¨€èªžã‚’å–り扱ã†æ›¸ç±ã‚„記事をèªã‚“ã§ã„ã‚‹ã¨ã€ã—ã°ã—ã°ã€Œå®£è¨€çš„ã€ãªã‚‹å˜èªžãŒé£›ã³å‡ºã—ã¦ãる。ã©ã†ã‚„らã€é–¢æ•°åž‹è¨€èªžã§å¤§äº‹ã«ã•ã‚Œã‚‹æ¦‚念らã—ã„。 ã¨ã“ã‚ãŒæ„味を調ã¹ã‚‹ã¨ã‚ˆã分ã‹ã‚‰ãªã„。例ãˆã°Wikipediaæ›°ãã€å®£è¨€çš„ã«ã¯2ã¤ã®æ„味ãŒã‚るらã—ã„ã®ã ãŒâ€¦â€¦ 純粋関数型言語/è«–ç†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªž/制約プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã§æ›¸ã‹ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒ を「宣言型ã€ã¨ç§°ã™ã‚‹ã€‚ã“ã®ç«‹å ´ã§ã¯ã€ã€Œå®£è¨€åž‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã¨ã¯ãã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ã‚°ãƒ«ãƒ¼ãƒ—全体ã®ç·ç§°ã§ã‚ã‚Šã€å‘½ä»¤åž‹è¨€èªžã¨å¯¾ç«‹ã™ã‚‹æ¦‚念ã§ã‚る。 宣言型プãƒã‚°ãƒ©ãƒŸãƒ³ã‚° - Wikipedia ã‚る出力を得るã«ã‚ãŸã£ã¦ãれを作æˆã™ã‚‹æ–¹æ³•ã§ã¯ãªãã€å‡ºåŠ›ã®æ€§è³ªã‚’記述ã™ã‚‹ã“ã¨ã‚’「宣言型ã€ã¨ç§°ã™ã‚‹ã€‚例ãˆã°ã€HTMLã¯ã€ãƒšãƒ¼ã‚¸ãŒã©ã†è¦‹ãˆã‚‹ã‹ã‚’記述ã™ã‚‹ã‚‚ã®ã§ã‚ã‚‹ãŸã‚ã€å®£è¨€çš„ã§ã‚る。HTML ã¯ã‚¿ã‚¤ãƒˆãƒ«ã‚„フォントやテã‚ストや画åƒã‚’指定ã™ã‚‹ãŒã€å…·ä½“çš„ã«ã‚³ãƒ³ãƒ”ュータã®ç”»
Functional UI and Components as Higher Order Functions - RisingStack Engineering
Join 150K+ monthly readers. In-depth articles on Node.js, Microservices, Kubernetes and DevOps. Once upon a time in web development, we had perfect mental models through static HTML. We could predict the output without giving it too much thought. If we were to change any of the contents on the site, we did a full refresh and we could still mentally visualise what the output would be. We would comm
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - Effect-TS/match: Functional pattern matching with the full power of TypeScript
GitHub - mobxjs/mobx: Simple, scalable state management.
GitHub - ReactiveX/IxJS: The Interactive Extensions for JavaScript
GitHub - cognitect-labs/transducers-js: Transducers for JavaScript
GitHub - reduxjs/redux: A JS library for predictable global state management
食ã¹ã‚‰ã‚Œãªã„ã»ã†ã®ã‚«ãƒªãƒ¼åŒ–入門 - Qiita
Reactive Programming in JavaScript
{{#tags}}- {{label}}
{{/tags}}