ClassベースではないJavaScriptのライブラリ集

現代のオブジェクト指向の class の割れ窓化と宣言的プログラミング

この意見には基本的に同意。

ただ、世の中のJavaScriptのコードはES2015前の昔の手法で書かれた古いコードや、クラスベースで書かれた物が多いので、実際にクラスを使わずに関数を中心に書かれた副作用の少ないコードを見る機会はJavaScriptに慣れてない人にとってはまだまだ少ないと思う。

参考になりそうなGithubで公開されているライブラリをまとめるので、現代的なフロントエンドのコードの書き方の参考にして欲しい。

Carousel

Embla Carousel

とてもコードが綺麗
dependency freeでTypeScriptで作られている。
Core部分とReact部分で分けることによりReactに依存もしていない。

そのために拡張性も高く、このライブラリを元にしてWheel Gestures for Embla Carousel
など用途に合わせた新しいライブラリも作られている。

自作のカルーサルを作る際にもこのライブラリのコア部分を元に新しいアイディアを試したり、Vueなど他のUI層のフレームワークのバインディングを作るなどしても面白いかもしれない。

schema validation

zod

https://github.com/colinhacks/zod

イケてる

Pattern Matching

ts-pattern

https://github.com/gvergnaud/ts-pattern

fp-ts

https://gcanti.github.io/fp-ts/

https://github.com/developit/mitt

色々追加予定