JavaScriptをがんばるブログ

React,OSS,ソフトウェア開発が中心のブログです👨‍💻

JS日報

ユニットテスト用のCIとflow check用のCIを分離しました

Reactで開発中の勤怠管理サイト GitHub - ryota-murakami/clock-up: attendance management tool for personal use. でCircle CIを使っておりユニットテストで失敗がなければGreenになるよう設定していたのですが加えてflowの型チェックもCIに入れたいなぁと…

Virtual-DOM、Reactの動作原理を勉強中

React Nativeの記事を昨日の続きから読んでました。 malloc.hatenablog.jp React NativeのアプリはNativeとJSの実行環境が同時に稼働する仕組みなんですね。 コンパイルされたNative Codeとインタプリタ言語のJSが実行時どう協調してるの? という根源的な疑…

LocalStorageにReduxのStateを保存してパフォーマンス改善する方法もあるよ JS日報 2017/11/13

codeburst.io 上記記事のCaching with LocalStorageの章で紹介されているテクニックが良い感じでした。 ロード時にLocalStorageに保存済みのStateがあればそれをロード LocalStorageへ保存しているStoreを更新するメソッドを作成し、store.subscribe()してお…

material-uiのテストコードが勉強になる JS日報 2017/11/8

GUIのテストってどうやれば良いのか、どこまでやれば良いのか解らないのでmaterial-uiのリポジトリのソースコードを読んで勉強していた。 普通にEnzymeでちまちま要素を取得しつつアサート、適宜propsをいじってまたアサートという具合で思っていたよりシン…

glamorousってどうでしょう JS日報 2017/11/7

css-inのライブラリとしてはstyled-componentが一番人気ですが、これと似たようなものでglamorousというライブラリを見つけました。 github.com PayPalが作っているようですね、公式サイトの色彩がちょっと鮮やかすぎ... こちらのブログによると、 Introduci…

ReactアプリにそもそもFluxアーキテクチャを採用するか JS日報 2017/11/6

読んだもの redux-from-twitter-hype-to-production slides.com JSier.infoで紹介されていた記事です。 数あるRedux図解の中でもピカイチの分かりやすさ & API通信についても触れているので保存しておきたいです。 The React Source Code: a Beginner’s Walk…