prueba-corebiz React练手项目

Tailwindcss 的样式搭建速度快,APIContext 的状态管理也还挺清晰,prueba-corebiz算是个比较适合练手的 React 小项目。用的是标准的 Create React App 脚手架,脚本齐全,适合本地调试和打包部署。

项目结构挺清晰的,基本不用花太多时间去猜逻辑。用yarn start直接跑起来就能看到页面,响应也快。改个样式、调个接口,刷新一下就更新,开发体验还不错。

里面的Tailwindcss用法比较纯粹,没整那些花的插件。写起来舒服,查文档也方便。样式要改颜色、布局都直接,挺适合小团队或者练手用的。

APIContext的封装算是比较简洁的那种,没有上复杂的状态管理工具。想自定义接口或者对接你自己的服务,直接改context里面的逻辑就行。挺适合理解 React 状态流的。

打包也比较稳,用yarn build就能直接生成build文件夹,部署到 Vercel 或者 Netlify 都没问题。如果你对 CRA 的配置不满意,也可以yarn eject出来手动调 webpack,但注意是单向操作哦。

如果你是刚开始搞 React,或者想找个用 Tailwindcss+API 封装逻辑的项目做模板,可以拿它练练手。对了,React + Webpack + Babel 教程这篇也挺不错的,推荐顺带看看。

zip
prueba-corebiz-master.zip 预估大小:38个文件
folder
prueba-corebiz-master 文件夹
file
.gitignore 310B
file
README.md 3KB
folder
public 文件夹
file
manifest.json 492B
file
robots.txt 67B
file
logo192.png 5KB
file
logo512.png 9KB
folder
img 文件夹
file
shopping-cart.png 391B
file
mail.png 286B
file
logo_alt.png 893B
file
heatset.png 315B
file
star.png 317B
file
logo.png 3KB
file
Banner.jpg 73KB
file
vtex.png 573B
file
star_alt.png 376B
file
account.png 359B
file
index.html 2KB
file
favicon.ico 4KB
file
craco.config.js 186B
file
package.json 1KB
folder
src 文件夹
folder
components 文件夹
folder
loading 文件夹
file
index.js 436B
folder
main 文件夹
file
CardProducts.js 1KB
file
DetailProduct.js 2KB
file
index.js 1KB
folder
error 文件夹
file
index.js 255B
folder
shared 文件夹
file
Header.js 566B
file
Navbar.js 535B
file
index.css 264B
folder
context 文件夹
file
CorebizState.js 551B
file
CorebizContext.js 111B
folder
const 文件夹
file
index.js 330B
folder
router 文件夹
file
index.js 937B
file
index.js 219B
file
App.js 229B
folder
hooks 文件夹
file
useFetch.js 687B
file
tailwind.config.js 211B
file
yarn.lock 520KB
file
package-lock.json 645KB
zip 文件大小:457.71KB