React-Bootstrap React新手样板项目

React 新手培训的样板项目,用的是 Myntra 开的一个简单引导仓库。上手门槛低,命令行几个指令就能跑起来,适合刚接触 React 和 Webpack 的同学练手。还用上了 React-Bootstrap,样式直接拿来用,开发挺省事。配合 Webpack 的-w监听模式,改完代码直接刷新,响应也快。

React 的项目结构清晰,用npm start启动开发服务器,webpack -w负责实时编译。两个终端配合用,其实也不复杂。你可以试着改改components里的东西,快就能看到效果。

样式方面用的是React-Bootstrap,挺适合不想自己写一堆 CSS 的人,直接套组件,布局也不会太乱。比如<Button variant="primary">就能做出蛮有质感的按钮。

如果你对 Webpack 配置也感兴趣,推荐看看webpack-react,讲得还不错,能帮你理清开发流程里各个工具的关系。

提醒一句:运行前记得全局装下webpack,不然webpack -w跑不动哦。如果你是 React 新手,想找个简单项目练练手,这个真挺合适的。

zip 文件大小:139.53KB