StarWars Databank React WebApp样板

Star Wars 风格的 React WebApp 样板,挺适合想快速搭个项目壳子练手的你。里面集成了webpack-dev-server,启动就能热更新,写起来爽。命令行直接npm run start,不挑系统,Windows、Mac、Linux 都行,Gitpod 也支持。

项目用的是 React 函数组件,状态用useState(),更轻便也更现代。老手看着顺,刚转 Hook 的也能快速上手。你可以随时往./src/js/components里丢新组件,再按需引入,逻辑和样式分得挺清楚的。

样式走的是SCSS,可以直接改styles/index.scss,也能在styles/下加新文件模块化管理。建议:命名统一点,方便查找维护。

开发环境需要Node.js v10+,装完依赖后记得复制.env.example.env。哦对了,文档里有几个参考链接,像React JS WebApp 模板这种,想了解结构的可以点进去看看。

如果你是星战粉又想练 React,这套代码还挺对味的。不仅能练手,还能顺带搞个好玩的项目展示页面。

zip
starwars-databank-react-master.zip 预估大小:41个文件
folder
starwars-databank-react-master 文件夹
file
.gitignore 866B
file
webpack.dev.js 1KB
file
.env.example 11B
file
.eslintrc 695B
file
package.json 2KB
file
4geeks.ico 19KB
file
.htaccess 253B
file
package-lock.json 444KB
folder
src 文件夹
folder
js 文件夹
folder
component 文件夹
file
scrollToTop.js 386B
file
navbar.js 1KB
file
footer.js 176B
file
opencard.js 1KB
file
characters.js 978B
file
index.js 418B
folder
views 文件夹
file
home.js 352B
file
demo.js 1KB
file
single.js 670B
file
layout.js 1KB
folder
store 文件夹
file
appContext.js 2KB
file
flux.js 931B
folder
styles 文件夹
file
navbar.scss 133B
file
opencard.scss 93B
folder
demo.scss 文件夹
file
characters.scss 29B
file
index.scss 99B
folder
home.scss 文件夹
folder
img 文件夹
file
how-to.png 35KB
file
rigo-baby.jpg 31KB
file
opencard.png 3KB
file
pic-dummy.png 1020B
folder
dist 文件夹
file
index.html 643B
file
CHANGELOG.md 350B
file
deploy-to-github.js 2KB
folder
.github 文件夹
file
settings.yml 592B
file
webpack.prod.js 342B
file
template.html 511B
file
README.md 4KB
file
webpack.common.js 2KB
file
vercel.json 570B
folder
docs 文件夹
file
deploy.png 239KB
file
.gitpod.yml 192B
zip 文件大小:435.77KB