オセロ!

• React tutorialの３目並べを拡張してオセロにしました
• URL: https://othelo.herokuapp.com/

• 参考
  • Tutorial: Intro To React
  • Reactチュートリアル: Intro To React【日本語翻訳】
  • React チュートリアル 日本語翻訳
    
    
    

---

引っかかりポイント

• renderのjsx部分でmapを使ってループで定義した部分がunique key 警告

  • 繰り返し内で描画されるオブジェクトの区別がつかなくなり，差分レンダリングができなくなる
  • Unique key をmap等に明示的に指定することで回避
    • Generating components in React
    • ReactComponentにおけるkeyは結構大事

• スクロール隠し

  • 一部コンテンツでスクロールバーをwebkitを使わずに非表示にする
    • スクロールさせる領域だけどスクロールバーは非表示にしたい。