转载

2016 Year in Review

Functional JavaScript mini Book

2016 Year in Review

去年翻译完 Functional JavaScript 感觉意犹未尽,Fogus 并没有解释到函数式最带感的地方,而只是一些underscore的炫技。于是写了 Functional JavaScript mini Book 这本小书,小书内容涵盖了比underscore炫技更多的函数式概念,例如Pattern Matching,Functor,Monad。说是小书,其实只是我的博客合集。

开始在 gitbook 上,后来发现还是更习惯orgmode些,于是还是orgmode到我的博客上 http://blog.oyanglul.us/javascript/functional-javascript.html

前端函数式攻城指南

2016 Year in Review

做为 mini book 的延续,介绍了更全面的前端能用到的函数式技巧。包括

  • 持久性数据结构
  • transducer
  • Macro
  • Monadic编程
  • FRP
  • CSP

等等

conjs

2016 Year in Review

immutable.js 的api设计函数式,更像是给java的尿性,只是immutable的实现。相比起来,从clojurescript移植过来的 mori 有着更函数式友好的api。但是,clojurescript的作者似乎已经放弃维护了,上一次更新是15年。在slack上问过作者也回复并没有继续维护的计划。因此,如果对mori有兴趣的可以不妨试一下我的fork,我维护的fork 以名字 conjs 放在github上,可以通过

npm install con.js

安装

这个版本跟mori比起来加入了几个比较大的features,比如

core.async

Clojure中非常好用的 core.async,也可以同样应用到JS中

var c = async.chan();
async.go(function*(){
  var expected = yield "something in channel"
  var val = yield c.take();
  expect(val).toBe(expected);
  done()
})
async.put(c, 'something in channel');

同构的 JS 方法

mori的这种写法

var a = mori.hashMap(1,2,3,4)
mori.get(a, 1)
mori.assoc(a, 1, 6)

可以写成

var a = mori.hashMap(1,2,3,4)
a.get(1) // => 2
a.assoc(1,6) // => {1 6, 3 4}

使用习惯上让JSer更能适应一些。

duckling

又一次hackday我们做了一个语义识别搜索,使用的wit.ai,由此发现wit开源的一个词法分析的parser duckling , 重要的是,支持中文哦,不过中文并不是特别的好,我也发过PR试着fix。不过中文的支持的发展,还是要靠更多的说中文的contributors(而且是个体力活),如果感兴趣,不妨来contribute一把吧。贡献起来也非常的简单,只要加规则就好了,比如 https://github.com/wit-ai/duckling/pull/99/files

cat.js

:joy_cat: :arrow_right: :smirk_cat:
:arrow_down: :arrow_lower_right: :arrow_down:
:scream_cat: :arrow_right: :heart_eyes_cat:

由于js不是强类型语言,更没有类型系统的支持,很难找到能跟 scala的cats或者scalaz同等的TypeClass和ADT库。于是简单的自己实现了一部分,一开始试图使用TypeScript,但是类型支持实在有限,又尝试用 union-type 是否能更容易一些 https://github.com/jcouyang/cat.js/pull/1 ,而且是运行时检查。另外一个想法,是可以用 purescript 实现直接compile过来,但是有可能会缺少运行时检查。

WIP 感兴趣的同学可以找我聊聊

cat.rb

同样的,ruby也做了同样的事情,不过是分模块开发, data.either 已经在我们产品使用。

RubyConf China

2016 Year in Review

第一次在rubyconf上讲东西,本着安利函数式编程到各个社区的出发点,还是讲了函数式编程。就这刚在产品上用到的data.either,介绍了ruby中能一样用的到的lambda、模式匹配、Monad、Actor 模型。有兴趣但是没能到场的同学,也可以看看这篇博客 https://blog.oyanglul.us/functional-ruby.html

gh-widget

我的about page 中有这么一段,可以展现你在github上的contributions

如果你希望在自己的页面上也有这么一个contribution的widget,可以简单的加入这两行代码

<div id="github-widget" data-user="your-github-username" data-display="pop_repos,calendar"></div>
<script src="https://gh-widget.oyanglul.us/index.js"></script>

gh-omnibar

今年 bitbucket 上线了 这么个叫omnibar的功能 , 让我好是喜欢,然而最常用的github却没有类似的功能,让我伤心了几天。焦虑过后,不如自己写一个,就叫做 gh-omnibar 好了。刚好试一下当下比较火的ClojureScript+reagent,再生成js打包成Firefox和Chrome插件。欢迎下载使用,丢香蕉点赞

  • Chrome
    • :point_right: webstore
    • :point_right: download
  • Firefox
    • :point_right: download

dotfiles

2016 Year in Review

我们都知道home目录底下有好多好多以 . 开头的文件或文件夹,大多都是各种工具的配置文件,他们叫做dotfiles。比如emacs的 .emacs.d ,fish 的 .config/fish

把这些都放到一个文件夹中,易于管理以及版本控制,所以我也将 我的dotfiles放到了github上

README中还会叫你如何使用 stow 更轻松的管理这些dotfiles

union-type

你如果熟悉haskell或是scala,会发现union type/ADT/case class是一个非常有用的技术,虽然typescript也加入了union type,但是 js 的 switch case语句并不能体现到 union type的任何好处。

而 union-type 这个库带给了js一线希望。我也为其加入了List的支持,欢迎在项目中使用union-type重构所有的switch case语句(看什么看,redux,说的就是你)

transdux

某次hackday 我们做了个管理react数据流的库,叫做 transdux

试着使用clojure的技术,tranducer,和pub,sub来实现reactive的数据流管理。

ClojureScript的方法都使用的我自己的mork fork版 conjs

most

________________________________
___   |/  /_  __ /_  ___/__  __/
__  /|_/ /_  / / /____ /__  /   
_  /  / / / /_/ /____/ /_  /    
/_/  /_/  /____/______/ /_/

most 作为js的reactive库,相比起rx.js设计更符合各种规范: fantasyland , Promise, ES Observable(虽然还不知道什么时候能成为规范)等等,而且效率更突出。如果需要用到 FRP,非常推荐使用。

如果使用 ES Observable的 subscribe/unsubscribe 方法,一定要使用 1.1.1 之后的版本,因为在这个版本我刚刚修复了 unsubscribe 的一个bug。

react-most -⚛->

2016 Year in Review

transdux的效果和idea都不错,唯一是效率有些低,而且由于是clojurescript移植的库,虽然源码没有多少,但是编译出来的js颇为庞大。又一次hackday我决定移植到 most,使用更高效原生的reactive库来解决transdux的一系列问题。于是有了 react-most 。

react-most使用更简单的方式隐藏了reactive的部分,让初学者容易上手,但有对待stream为一等公民,可以让FRP推向极致。使用FRP可以让redux头疼过的坑变得非常简单。

由于我们在产品上使用react-most,版本也活跃的升级中。喜欢得到FRP和react生态圈两大好处的童鞋欢迎使用, 打赏点赞 或者 没事来聊聊天

如果不需要react作为virtual dom,也欢迎试试 cycle.js , 以大致类似的方式管理数据流,当然还有 most 版的 motocycle .js

原文  http://blog.oyanglul.us/2016-year-in-review.html
正文到此结束
Loading...