开源软件名称:react-blog
开源软件地址:https://gitee.com/codingplayboy/react-blog
开源软件介绍:
Develop a blog with React/Webpack/material-uiDevelop a blog with React, Webpack, Babel, Eslint, documentation.js and material-ui. And I will record all resources and process through the entire development of the project. Rungit clone https://github.com/codingplayboy/react-blog.git cd react-blog npm install yarn -g yarn install yarn start for developyarn build for productionyarn doc for create API doc
API- API
PublishI will update the site continuously, now, please see React Blog (have your Try). Development Process- Webpack自动化构建实践指南
- 刷新页面react-router路由访问失败问题解决方案
- React应用架构设计
- 响应式Web设计与实现思路
Structure introductionwebpack : 为webpack配置目录;webpack.config.js : 为webpack配置入口文件;package.json : 为项目依赖管理文件;yarn.lock : 为项目依赖版本锁文件;.babelrc : babel的配置文件,使用babel编译React和JavaScript代码;eslintrc, eslintignore : 分别为eslint语法检测配置及需要忽略检查的内容或文件;postcss.config.js : CSS后编译器postcss的配置文件;API.md : API文档入口;docs : 文档目录;README.md : 项目说明文档;src : 开发代码目录- ├──
api 请求API - ├──
styles 样式 - ├──
components 展示型组件 - ├──
config 全局配置 - ├──
constants 常量 - ├──
containers 容器组件 - ├──
helper 辅助/工具函数 - ├──
store redux store相关 - ├──
middlewares 中间件 - ├──
routes 应用路由模块 - ├──
services 应用服务模块 - ├──
index.html 应用入口html - ├──
app.js 项目根组件文件
Product Prototype自己画的UI原型图,比较简陋,权且看看,欢迎吐槽,嘿嘿 |
请发表评论