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

GitPitchが閉鎖していたので、SpeakerDeckに移しました。

Transcript

1. React で ライフゲームを作ってみた話 0x64 物語 REBOOT #11 @otakumesi
2. @otakumesi (Twitter, Github) マッハバイトでエンジニアしてます
3. なぜライフゲームなのか 言語を学んだ後になにを作るかで悩んでいたときにある記事を読んだ
4. こんな記事 http://razokulover.hateblo.jp/entry/2017/05/23/131359
5. ブコメにこんなコメントが
6. なるほど
7. ライフゲーム 「Conway's Game of Life 」と呼ばれている 生命の誕生、進化、淘汰を簡単なモデルで再現したシミュレーショ ンゲーム 単純なルールで状態が次々と変わっていく
9. ライフゲームのルールは単純 誕生 生存 過疎 過密 https://ja.wikipedia.org/wiki/ ライフゲーム
10. ライフゲームは状態の変更が激しい 状態管理を簡単にするフレームワークを試すのによい
11. 実際作ってみたデモ http://otakumesi.io/lifegame/ https://github.com/otakumesi/lifegame
12. 構成 とりあえず触りたい奴を詰め込んだ ES6 preset-env preset-react plugin-propsal-object-rest-spread React Redux PostCSS FLOCSS
13. 実際に作ってみてどうよ 正直、いくつか反省している どう考えても今回の構成にRedux はいらなかった 複雑な状態を管理をしていない... モチベ的にはあまり触ってないものを触れたかったので、MobX あたりがよい落とし所だったか
14. ライフゲーム作ってよかったところ 簡単に作れる割にハマりどころを通ってハマっていけた おかげでReact 、Redux と少し仲良くなれた気がする... ライフゲームのついでに定形作業を把握できたので、自分用のボイ ラープレートを作れた
15. ボイラープレート さすがに毎度package 集めて、 webpack の設定をアレするのはつらい。 https://github.com/otakumesi/dotfiles/tree/master/.project.template /frontend
16. おしまい