🦓 React中級課題の振り返り
作成日: 2022/01/15
2

中級課題成果物🐍

以下、Netlify上に公開したスネークゲームです!

https://angry-mccarthy-dd7299.netlify.app/

教材では、GitHub Pagesで公開することになっているのですが
404Not Foundの地獄から抜け出すことができず
Netlifyでの公開となりました。
手順書はMacOS向けの方法になっており、Windowsでは別の方法が必要なのかなと思いつつ。挫折。

改善したい点(全部、未解決事件です。(;´д`)トホホ)

1 ゲーム難易度設定がリスタートごとにリセットされる点。

【問題点】
例えば、難易度5でゲームをスタートし、ゲームオーバーになり、リスタートすると
表示は、5のままであるが、ゲームの設定が3(デフォルト値)に戻ってしまう。

【想定原因と対応策】
React Hooksで難易度を管理しているのでHooks関連のファイルであるuseSnakeGame.jsと
ナビゲーションのUIを記述しているNavigation.jsxファイルの2つのファイルが関係していると思うので
そこを修正しなきゃいけないと思いました。(...結局なんもしてない)

2 難易度5のときの難易度がぶっこわれている!

【問題点】
アプリケーションの対象が人間である以上は、あのスピードは。。あのスピードだけはいけませんと。
速すぎるんです。ほんと一回やってみてほしい。

【想定原因と対応策】
近いうちに、定数関連のファイルを扱う、./src/constants/index.jsファイルを修正します。(結局なんもやってない。)

3 難易度デフォルト値は4の方が面白い説

【問題点】
難易度のデフォルト値は3なのですが
類まれなる集中力と暇な時間を持ち合わせた私をもってしては、1ゲーム終了するのに小一時間かかってしまいます。
結構、やみつきになります。

【改善策】
難易度のデフォルト値を4に上げました。
スピード感が程よいので絶妙に楽しいかと!

全体を通した感想

React Hooksを理解したい!
との、強い思いで始めましたが
やはり、まだ状態管理の理屈がよくわからんです🥺
なにやら、React Hooksは、関数コンポーネントで状態管理を行えるように、新たに追加された機能だとか。

ReactのドキュメントはHooksの部分は読んでみたので
また、よくわからんまま次の課題を作ってみて
少しずつ、理解していきたいと思います👏


マークアップエンジニア フロントエンドエンジニアを目指して孤軍奮闘中! 人生を楽しむことを忘れずに、ゆるりと頑張っていきたいですね!