useContext と useReducer 使って、 Redux っぽいものをやる

他の React Hooks の機能も試したくて

この前作った、カレンダーで Redux っぽいことをやってみた

f:id:whitech0c0late:20190221002229p:plain

やったことは、

  • 1つだったコンポーネントを👆のように、分けた
  • useState を消して、useContext と useReducer を使って、state のやりとりをする

感想

  • combineReducers (1つの Reducer にまとめるやつ) 的なものはない?ので、reducer の役割が増えてきたら、どうしよう
  • Middleware 使いたくなったら Redux を使うのがよいっぽい
  • dayjs は使わなくても良かった

diff

Combining useContext and useReducer to Make Calendar App State by 7kaji · Pull Request #3 · 7kaji/calendar · GitHub

まだ

TypeScript 化はできていない

合わせて読みたい

whitech0c0late.hatenablog.com

「わかりやすい」文章を書く全技術100 を読んだ

「わかりやすい」文章を書く全技術100

「わかりやすい」文章を書く全技術100

文章を書くのが苦手なので、なんとなく買って読んでた。

  • 「文を短くする」というのは、わかりやすい文章を書くうえで、最も効果的な方法の一つ
  • 2つ以上の修飾語が、ある言葉を修飾している場合、長い修飾語を短い修飾語よりも前に置くようにする

のようなテクニックを、例文と合わせてたくさん解説してくれている。

小・中学生のころに読んでおきたい1冊だった。
このブログもたまには、もうちょっと構成とかよい文章を意識して書いていきたいなぁ〜と思うことには成功した。

NO HARD WORK! 無駄ゼロで結果を出すぼくらの働き方 を読んだ

NO HARD WORK!: 無駄ゼロで結果を出すぼくらの働き方

NO HARD WORK!: 無駄ゼロで結果を出すぼくらの働き方

実践してQOL 高めていきたいけど、Basecamp社のように儲かってる会社でないと難しいことも多そうだった。 考え方はすごく納得できるので、本に書いてあるように会社レベルで物事を変える力がなくても、自分の周りで変えられることを探していきたい。

toyoshi.hatenablog.com

数年ぶりに歯医者へ行った

数年ぶりに歯医者にいったら、いろいろと問題あったりで 銀歯をセラミックや金に替えたりでめちゃくちゃお金が飛んでいる💸💸💸(進行形)

あ〜○○のスニーカー買えたなぁとか iPad 買えたなァ〜などと毎秒悲しんでいる。 こうやって毎年、年齢増加にともない身体のメンテ費用がかかってくのかなぁ。。。ふぅ。

歯は、テクノロジーのちからでいい感じなってほしい!! 

[ビデオ]義歯を3Dプリントで作れたらとても安くなる…Formlabsがそのための素材を紹介 | TechCrunch Japan

jp.techcrunch.com