白板实验性React可视化学习项目

白板的核心是个用 Create React App 起手的小项目,逻辑简单,部署方便。整体走的是“轻学习、快上手”的路子,适合想自己搞个 可视化工具 或思维导图原型的朋友。你只需要动一动 npm start,开发环境就跑起来了,改点代码页面自动刷新,响应也快。

项目结构比较清晰,脚本命令也挺标准:npm test 可以跑交互式测试,npm run build 会打包成 build 文件夹,优化后的代码上线用没压力。要是你对配置不满意,想动底层,npm run eject 也给你留了口子,不过一旦执行,就回不了头,慎用哦。

这个项目蛮适合用来练手 ReactWebpack 的朋友,尤其是想了解 CRA(Create React App)打包逻辑的。顺带一提,相关的几个资料也不错,可以看看:

如果你想搭一个自己的学习白板,做笔记、画思维图或者分享模型逻辑,这项目挺合适的。轻便,好改,前端基础扎实点就能玩出花来。

zip
whiteboard-master.zip 预估大小:23个文件
folder
whiteboard-master 文件夹
folder
public 文件夹
file
manifest.json 492B
file
index.html 2KB
file
robots.txt 67B
file
favicon.ico 4KB
file
logo512.png 9KB
file
logo192.png 5KB
file
.eslintrc.js 675B
folder
src 文件夹
file
index.tsx 473B
file
App.test.tsx 266B
folder
components 文件夹
file
Rectangle.tsx 2KB
file
App.tsx 2KB
folder
hooks 文件夹
file
useEventListener.ts 1KB
file
useWindowSize.ts 803B
file
react-app-env.d.ts 40B
file
setupTests.ts 240B
file
reportWebVitals.ts 416B
folder
.vscode 文件夹
file
settings.json 284B
file
tsconfig.json 535B
file
.prettierrc 132B
file
README.md 2KB
file
.gitignore 310B
file
package-lock.json 675KB
file
package.json 1KB
zip 文件大小:191.9KB