React Demo 03-Find Square Game

react hooks自2019年1月發佈以來已通過去快一年了，苦於沒有練手項目嗎？在這裏我將爲你們分享一些簡單易懂的hook實戰demo，後面的demo複雜度會慢慢增長。

Find Square Game

點擊方塊小遊戲

難易程度: ⭐

在線預覽

源碼地址

相關項目

• Happy Clicker

  一個簡單的計數器，能夠'加一'，'減一'和'重置'

• Beautify Stars

  一個簡單的評分組件

快速開始

1. 克隆倉庫

git clone git@github.com:tangweikun/happy-find-square-game.git
複製代碼

2. 安裝依賴包

cd happy-find-square-game
yarn | npm install
複製代碼

3. 本地運行

yarn start | npm run start
複製代碼

4. 在瀏覽器中打開http://localhost:3000查看效果

部署到 Github Pages

1. 添加 homepage 到 package.json

"homepage": "https://myusername.github.io/my-app",
複製代碼

2. 安裝 gh-pages

yarn add gh-pages
複製代碼

3. 在package.json中添加部署腳本

"scripts": {
+   "predeploy": "npm run build",
+   "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
複製代碼

4. 執行 yarn deploy

yarn deploy
複製代碼

5. 打開https://myusername.github.io/my-app查看效果