本项目采用截止目前最新版的react16.6.3、react-router4.3.1、react-redux5.5.1、redux4.0.1,因为是后台管理系统,所以再配上antd3.10.9。
webpack从零开始,自建了v4版本的webpack.config.js,运行与打包的命令,与市面上的脚手架类似,详见pakage.json。
项目的由来,是因为公司项目的技术栈发生了变化,需要一个react的脚手架,能够让组员们迅速地进入开发阶段。 在搭建的过程中,参考了许多网上的教程,当然最经典的,莫过于阮老师的 React 技术栈系列教程,非常全面。但很可惜,react的版本更新速度实在太快,而阮老师的技术栈完结时间在2016年9月23日,有些react的生命周期已经废弃,有些写法也已经不支持了。如果按照教程上的方法执行,会看到一些莫名的报错。
例如,在引入路由的时候,阮老师的教程用的是v2版本,而现在市面上能看到的只有v3和v4,据说v3与v2的写法相近,但v4却是颠覆性的写法,源于其背后的组件**。本着对新技术探索的热情,决定采用v4版本的router。期间遇到了不少的坑,有的说这样写是参考了官方文档,但通过链接点过去,却并没有找到相关的示例,再仔细看官方示例,发现已经全变了,踩坑的过程很痛苦。
所以,本项目可以说,是踩完那些坑后的经验总结,希望对像我一样的新手有所帮助,少走弯路。 近期会整理一篇博客,重点讲述其中的一些关键点,新人入坑,不足之处,敬请谅解。