https://github.com/Fieldscope/flux-hooks を参考にしつつ、型をつけたり型推論が効きやすいように調整したりしてます。 export const useFluxStore = < TStore extends ReduceStore<TState, unknown>, TState = ReturnType<TStore['getState']> >( store: TStore, reducer: (store: TStore) => T</tstore['getstate']></tstate,>…

結論: 非常に辛い。なぜならFluxの恩恵はコンポーネント化によってもたらされるから。 jQueryのコードが汚くてつらい こちらをご覧ください。jQueryで作ったカンタンなアプリのコードになります。 <title>jQuery</title> <script src="https://pandanoir.net/js/jquery.slim.min.js"></script> <script src="socket.io/socket.io.js"></script> <script> jQuery($ => { const socket = io(); l…

みなさん<dialog>要素を知っていますか？HTML5.2で追加された要素で、モーダルウィンドウをカンタンに実装できるステキ要素です。これをReactから使おうとしてみたのですが、Flux的なやり方ができなくて辛かったです。 …というだけの記事です。 この記事の環境 この</dialog>…

github.com ここのFlux conceptsを参考にFluxについて解説したいと思います。