React Demo 05-Happy Calculator

react hooks自2019年1月发布以来已经过去快一年了，苦于没有练手项目吗？在这里我将为大家分享一些简单易懂的hook实战demo，后面的demo复杂度会慢慢增加。

Happy Calculator

难易程度: ⭐⭐⭐

在线预览

源码地址

相关项目

• Happy Clicker

  一个简单的计数器，可以'加一'，'减一'和'重置'

• Beautify Stars

  一个简单的评分组件

• Find Square Game

  点击方块小游戏

• On Boarding

快速开始

1. 克隆仓库

git clone git@github.com:tangweikun/happy-calculator.git

2. 安装依赖包

cd happy-on-boarding
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查看效果