Clonedle - Wordleクローン

Last updated Unknown Edit Source

from React入門チュートリアル Wordleクローン作る

• やりたい事

  • Firebaseとの連携
  • canvasとやら
  • アニメーションっぽいこと

• Hooksを切り出す

  • Reactらしくかきたいので
  • Clonedleの場合、何がHooksになるべき?
    • useGame?

• ✅ファイル分割

• TypescriptでReactに書き換えよう

  • DONE✅

• Github Pagesにデプロイしよう

  • 無料で出来るの素晴らしいな
  • React GitHub Pagesにデプロイ - create-react-appで作ったReactプロジェクトをGitHub Pagesにデプロイしてみましょう。
  • https://web-begginer-log.com/create-react-app-gh-pages/
    • これで行けた、yarnはnpmに変えたけど
    • package.jsonは https://github.com/blu3mo/clonedle/blob/master/package.json
  • ✅ https://blu3mo.github.io/clonedle/

• 最初のログ

  • Parsing error: JSX value should be either an expression or a quoted JSX text. (19:18)

    • もしくはなら良いのね
    • が許されないのがいまいちよく分からんけど、まあそういう物なのかな
      • HTML文法として間違っているからとか？
      • あ〜〜、なるほど！
        • HTML height Attribute
        • 数値も"“で括ってるのか
  • jsのclass周りが分からんのでとりあえずシンプルに作るけど、多分ゲームロジックと表示は分離すべきだな
  • できた
    • 
  • CSSも頑張った
    • 
    • おお～それっぽい