# jy_2104_cookbook

**Repository Path**: wuchencode/jy_2104_cookbook

## Basic Information

- **Project Name**: jy_2104_cookbook
- **Description**: react的一个菜谱项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-19
- **Last Updated**: 2022-07-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 菜谱大全项目
## 项目背景
> 当下回家吃饭健康饮食的理念正在兴起。据调查显示，有超过九成的都市白领及年轻人其实都倾向于在家里吃饭，尤其是有小孩的家庭意愿会更加强烈， 因为他们普遍都认为在家里吃饭的幸福感会更高； 随着经济的快速发展，人们的生活水平的逐渐提高，对饮食质量要求也越来越高，但都市快节奏的生活让上班族们吃饭的目标性更小，通常只是到了时间随机选 择食物塞饱肚子。该美食网站倡导一种全新的健康的生活方式，用户可以根据网站上提供的食谱了解不同菜系的风格、做法及搭配，除了可以查看各种食谱学习做饭， 还可以在线与其他用户一起交流和分享做菜的心得，通过美食来感受生活之美。
## 技术栈
使用react框架来完成本次项目的实现，使用技术有如下一些：
- nodejs   进行模拟接口数据(代理)
- reactjs
- react-router-dom
- redux  react-redux  redux-thunk  immutable redux-immutable
- styled-components(css作用域)/sass/less/stylus
- antd-mobile   ui组件库
- react-transition-group
- axios
- http-proxy-middleware
- 配置装饰器(costomize-cra react-app-rewired) 等等
## 开发环境
开发环境为：windows
开发工具：vscode/webstorm + jsx插件 + eslint
开发调试工具：chrome浏览器
开发运行环境：node环境
代码管理：git
上线环境：linux + nginx

## 相关配置
```
npm i -D customize-cra react-app-rewired  http-proxy-middleware
npm i -S redux react-redux redux-thunk styled-components immutable redux-immutable react-router-dom react-transition-group axios
```
## 代理配置
> 在src目录下面创建一个setupProxy.js文件,内容如下
```js
const { createProxyMiddleware: proxy } = require("http-proxy-middleware");
module.exports = app => {
    app.use(
        "/api",
        proxy({
            target: "http://localhost:9000",
            changeOrigin: true,
	   pathRewrite:{
	      "^/api": ""
	   }
        })
    )
}
```
## 装饰器支持
> 在根目录下面创建一个config-overrides.js文件
```js
    override,
    addDecoratorsLegacy,
    addWebpackAlias
} = require("customize-cra");
const path = require("path");

module.exports = override(
    addDecoratorsLegacy (),
    // 添加webpack别名
    addWebpackAlias({
        ["@"]: path.resolve("./src"),
    })
);
```

## 线上地址
> 开发中