hackners的react实现版，在线访问 https://ckinmind.github.io/hackernews-react
- React.js with ES6
- React-Router for routing
- jQuery for ajax
- Webpack for building tool
- 本项目为学习项目(非原创), 原项目地址 React-hacker-news
- 本项目由Yeoman构建, 基础脚手架使用的是 generator-react-webpack
- 本项目对原项目做了诸多修改, 详细查看下面的版本更新
- HackerNews的 Api参考
- [v1.3]: 样式优化, 目录简化, 详细更新说明 issue 11
- [v1.2]: 修复bug, 分离出组件复用, 详细更新说明 issue 8
- [v1.1]: ES6改写, 函数式组件, 优化处理流程, 详细更新说明 issue 7
- [v1.0]: 原始版本(基本同原项目), 详细更新说明 issue 5
> git clone https://github.com/ckinmind/hackernews-react.git
> cd hackernews-react
> npm install
> npm start- 关于isMounted()问题, 查看 issue 3
- 关于异步ajax在组件销毁后带来的问题, 和isMounted有关，查看 issue 6
- 关于单独打包jquery的webpack配置问题, 查看 issue 10
## 目录说明
.
├── /cfg/ # webpack配置文件存放目录
│ ├── base.js # 基础配置
│ ├── default.js # 默认配置
│ ├── dev.js # 开发环境配置
| ├── dist.js # 生成环境配置
│ └── test.js # 测试环境配置
├── /dist/ # 存放最终打包输出的用于生产环境的项目文件
├── /node_modules/ # node模块存放的目录
├── /src/ # 存放开发环境项目源码
│ ├── /components/ # 组件目录
│ ├── /config/ # 配置目录（没用到）
│ ├── /styles/ # 样式文件目录，内有一个App.css基础css文件
│ ├── index.html # 项目入口文件
│ ├── index.js # js入口文件
│ └── route.js # route文件
│── .babelrc # Babel 配置文件
│── .gitignore # 配置不需要加入Git版本管理的文件
│── package.json # npm的依赖配置项
│── README.md # 项目说明文件
│── server.js # 项目运行的js文件，命令可查看package.json中的script
└── webpack.config.js # webpack配置文件，不同环境的配置项在cfg目录下