Reactでライフゲームを作ってみた話

React でライフゲームを作ってみた話 0x64 物語 REBOOT #11 @otakumesi

@otakumesi (Twitter, Github) マッハバイトでエンジニアしてます

なぜライフゲームなのか言語を学んだ後になにを作るかで悩んでいたときにある記事を読んだ

こんな記事 http://razokulover.hateblo.jp/entry/2017/05/23/131359

ブコメにこんなコメントが

なるほど

ライフゲーム「Conway's Game of Life 」と呼ばれている生命の誕生、進化、淘汰を簡単なモデルで再現したシミュレーションゲーム単純なルールで状態が次々と変わっていく

ライフゲームのルールは単純誕生生存過疎過密 https://ja.wikipedia.org/wiki/ ライフゲーム

ライフゲームは状態の変更が激しい状態管理を簡単にするフレームワークを試すのによい

実際作ってみたデモ http://otakumesi.io/lifegame/ https://github.com/otakumesi/lifegame

構成とりあえず触りたい奴を詰め込んだ ES6 preset-env preset-react plugin-propsal-object-rest-spread React Redux PostCSS FLOCSS

実際に作ってみてどうよ正直、いくつか反省しているどう考えても今回の構成にRedux はいらなかった複雑な状態を管理をしていない... モチベ的にはあまり触ってないものを触れたかったので、MobX あたりがよい落とし所だったか

ライフゲーム作ってよかったところ簡単に作れる割にハマりどころを通ってハマっていけたおかげでReact 、Redux と少し仲良くなれた気がする... ライフゲームのついでに定形作業を把握できたので、自分用のボイラープレートを作れた

ボイラープレートさすがに毎度package 集めて、 webpack の設定をアレするのはつらい。 https://github.com/otakumesi/dotfiles/tree/master/.project.template /frontend

おしまい

Takuro Niitsuma