jemimahmartinez.github.io React入门项目

简洁清爽的 React 入门项目,jemimahmartinez.github.io 的页面风格挺利落,代码结构也干净,适合刚上手 React 的同学练手或者当项目起点来改造。用了标准的 Create React App 脚手架,开发流程基本就是那一套,npm start一跑就能看效果,改点东西页面自动刷新,开发体验还不错。

项目目录下的几个npm脚本用得也比较顺手,像npm test可以跑测试,npm run build直接打包上线用的资源,文件都做了优化和哈希,部署上去基本就稳了。想研究底层配置的同学也能npm run eject把 webpack、babel 这些全拉出来,不过这个操作就像拆快递一样,一旦拆了就回不去了,慎用。

如果你对 React 项目结构不熟,这里是个蛮好的练手模板。顺带一提,配合下面这些教程看,理解起来会更快:

如果你想自定义 webpack 配置,或者对构建性能有要求,可以考虑先把 Create React App 跑熟,再手动搭个项目,对比下来收获挺大。

zip
jemimahmartinez_github_io-master.zip 预估大小:27个文件
folder
jemimahmartinez.github.io-master 文件夹
file
package.json 1KB
folder
.github 文件夹
folder
workflows 文件夹
file
main.yml 538B
file
package-lock.json 683KB
folder
src 文件夹
file
App.css 262B
file
react-app-env.d.ts 40B
file
logo.svg 3KB
file
reportWebVitals.ts 425B
file
index.tsx 500B
folder
components 文件夹
file
about.tsx 932B
file
button.tsx 596B
folder
icons 文件夹
file
down-arrow.tsx 2KB
file
projects.tsx 728B
file
home.tsx 2KB
file
contact.tsx 729B
file
App.tsx 909B
file
setupTests.ts 241B
file
App.test.tsx 273B
file
index.css 366B
file
tsconfig.json 535B
file
.gitignore 319B
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 4KB
file
README.md 2KB
zip 文件大小:198.62KB