notes-app-client React前端客户端示例
React 写的前端,接的是个无服务端的 API,项目名叫notes-app-client
,挺适合想练手或者做 Demo 的朋友。用的是create-react-app
起步,整个结构比较清晰,适合直接上手,改点样式、加点功能都挺方便的。
启动脚本基本是标准流程,npm start
跑本地,热更新也有,改完直接看效果。测试也能跑,npm test
会进到交互模式,不用自己配太多东西。
构建生产用npm run build
,React 打包优化也都做好了,生成的build
目录直接就能部署,像 Netlify、Vercel 一拖就行,响应也快,体验还不错。
有意思的是它也了npm run eject
命令,想自己折腾 Webpack 配置的可以用这个,不过一旦eject
了就回不去了,适合对webpack
比较熟的朋友,别轻易点。
后台接口是个serverless
架构的 API,想了解的可以看看Serverless webpack demo或者serverless-webpack-example这两个例子,讲得还挺细。
如果你想做一个笔记类前端,或者想看看create-react-app
默认配置长啥样,可以直接克隆下来跑跑看,整体上手门槛不高。
notes-app-client-master.zip
预估大小:54个文件
notes-app-client-master
文件夹
public
文件夹
manifest.json
408B
index.html
2KB
safari-pinned-tab.svg
1KB
robots.txt
67B
favicon.ico
7KB
android-chrome-192x192.png
3KB
android-chrome-256x256.png
7KB
site.webmanifest
426B
228.59KB
文件大小:
评论区