首页
前端开发
Webpack
基于Webpack的React同构应用样板

基于Webpack的React同构应用样板

19 次浏览 0 条评论
zip
zip

该项目提供了一个使用 Node.js、Express、React 和 React Router 构建同构 (SSR + SPA) React 应用的样板，您可以直接克隆/分叉本仓库并开始编写视图。

快速开始

  1. 使用以下命令克隆仓库:
git clone https://github.com/richytong/react-universal-boilerplate
  1. 使用 npm 安装依赖:
npm i
  1. 运行开发模式:
npm start
  1. 访问应用: http://localhost:3000

生产环境构建

使用以下命令构建生产环境代码:

npm run build

技术栈

  • React: 用于构建用户界面的 JavaScript 库
  • React Router: 用于管理 React 应用路由的库
  • Redux: 用于管理应用状态的 JavaScript 库
  • Webpack: 用于打包和构建 JavaScript 模块的工具

Redux 说明

Redux 是一个用于 JavaScript 应用的可预测状态容器。它通过以下方式实现可预测的状态管理:

  • Actions: 用于描述状态变化的普通 JavaScript 对象。
  • Reducers: 接收 actions 并根据 action 类型更新状态的纯函数。
  • Store: 存储应用状态的单一数据源。

您可以使用 store.dispatch(action) 将 actions 发送到 store，reducers 会根据 action 更新状态。

zip 文件大小：114.57KB