Redux-First-Router-Demo 项目教程

Redux-First-Router-Demo 项目教程

redux-first-router-demoKick-Ass Universal RFR Demo That Answers Your SSR + Splitting Questions项目地址:https://gitcode.com/gh_mirrors/re/redux-first-router-demo

1. 项目的目录结构及介绍

redux-first-router-demo/
├── server/
│   ├── index.js
│   ├── render.js
│   ├── configureStore.js
├── src/
│   ├── routesMap.js
│   ├── utils.js
│   ├── configureStore.js
│   ├── components/
│   │   ├── Switcher.js
│   │   ├── UniversalComponent.js
│   │   ├── Sidebar.js
│   ├── reducers/
│   │   ├── index.js
├── .babelrc
├── .eslintrc.js
├── .gitattributes
├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── package.json
├── screenshot.png
├── yarn.lock

目录介绍

• server/: 包含服务器端相关的文件，如入口文件、渲染文件和配置文件。
• src/: 包含客户端相关的文件，如路由映射、工具函数、组件和Redux reducers。
• server/index.js: 服务器入口文件，包含内置的AJAX API和假cookie处理。
• server/render.js: 服务器渲染文件，使用webpack-flush-chunks进行优化。
• server/configureStore.js: 服务器端Redux store配置文件，用于过滤认证。
• src/routesMap.js: 路由映射文件，包含thunks和onBeforeChange钩子。
• src/utils.js: 工具函数文件，包含isAllowed函数。
• src/configureStore.js: 客户端Redux store配置文件。
• src/components/: 包含通用组件和侧边栏组件。
• src/reducers/index.js: Redux reducers入口文件。

2. 项目的启动文件介绍

服务器端启动文件

• server/index.js: 服务器入口文件，负责启动服务器并处理请求。

客户端启动文件

• src/index.js: 客户端入口文件，负责初始化应用并渲染到DOM中。

3. 项目的配置文件介绍

服务器端配置文件

• server/configureStore.js: 服务器端Redux store配置文件，用于过滤认证。

客户端配置文件

• src/configureStore.js: 客户端Redux store配置文件。
• .babelrc: Babel配置文件，用于转译JavaScript代码。
• .eslintrc.js: ESLint配置文件，用于代码风格检查。
• .gitattributes: Git属性配置文件。
• .gitignore: Git忽略文件配置。
• .travis.yml: Travis CI配置文件，用于持续集成。
• package.json: 项目依赖和脚本配置文件。
• yarn.lock: Yarn锁定文件，用于确保依赖版本一致性。

以上是redux-first-router-demo项目的目录结构、启动文件和配置文件的详细介绍。希望这份教程能帮助你更好地理解和使用该项目。

redux-first-router-demoKick-Ass Universal RFR Demo That Answers Your SSR + Splitting Questions项目地址:https://gitcode.com/gh_mirrors/re/redux-first-router-demo