React Portfolio 2020响应式项目组合
带路由的 React 项目组合,用了 SCSS 响应式布局,页面切换挺顺畅,还没有用 Bootstrap,整个风格比较干净清爽。部署前跑个 yarn build
就能打包上线,文件也会自动带 hash,版本控制方便。
开发调试方面,直接 yarn start
启动开发模式,编辑完页面还能自动热更新,改样式、调组件都挺快。控制台也会提示一些eslint
小毛病,省得遗漏细节。
如果你要跑测试,命令 yarn test
启动的是交互模式,挺适合边开发边验证。要注意一点,项目支持 yarn eject
,但一旦执行,就不能回头咯。建议你真的要自定义 webpack 或 Babel 配置时再动它。
这个项目比较适合熟悉 React 和 SCSS 的人玩耍,如果你刚好不喜欢用 Bootstrap,想自己控制样式,这个项目蛮合适的。
扩展阅读可以看看这些:React 路由、SCSS 按钮教程,还有React 测试工具也别错过,跑测试的逻辑跟这个项目挺搭的。
如果你打算上线部署,记得先跑 yarn build
,根据生成的 build
文件夹来部署就行,响应也快,结构也清晰。
56.38MB
文件大小:
评论区