ReactProject
react的一个小项目
Install / Use
/learn @springalskey/ReactProjectREADME
ReactProject
该项目是移动端项目
安装 $ npm install
1:开发 执行 $ gulp 访问路径 http://localhost:8080/build/index.html
2:生产 执行 $ gulp build
3:在线预览:http://springalskey.github.io/ReactProject/dist/test.html
4:扫描二维码:

关于项目:
1.main.js配置路由
2.App.jsx是路由中的写法
3.css
1) reset.scss在App.jsx中引入且仅此一次。
2) common.scss在App.jsx中引入且仅此一次。
3) Tool.scss在每一个component中都可以作为“工具集公共项”来引入,不会添加到css文件中,是以变量的形式存在
4.js和jsx
1) 通用的js放在app/components/common/js目录下
2) mixin放需要mix到component中的公共组件,详情参考AlertMixin
5.html
index_production.html是在执行gulp build命令时用的
6.dist目录
是最终gulp build的结果
若使用webstorm可直接选择dist/index.html在浏览器里运行,不需要安装环境。
Related Skills
node-connect
341.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
341.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
84.6kCommit, push, and open a PR
