搭建了一个较基础的 React 开发环境

[Sakuyakun]

项目地址： https://github.com/Sakuyakun/Yorha-Boilerplate

Introduction

Yorha-Boilerplate 可能是最简单友好的 React 单页面开发环境

如果有错误或者好的建议请联系我，正在使用该环境开发组件库。

Feature

• 技术栈 ES6/7 Immutable React React-Redux5 React-Router4
• 可选用 SASS 或 Aphrodite，使用 PostCSS 进行处理
• 可选用 Immutable-pure-render 方案优化组件渲染
• 使用 React-With-Styles 方案处理配置主题色
• 使用 Webpack3 进行处理打包
• 使用 Hot Module Replacement 热加载
• 使用 ESlint 代码检测与 Prettier 格式化
• 启用 UglifyJS 代码压缩，文件后缀添加 MD5 缓存处理
• 启用 Webpack-Bundle-Analyzer 可视化工具分析打包大小

Directory Layout

├── dist                           # 打包输出目录
├── src
│   ├── component                  # 组件目录
│   ├── actions                    # Redux Actions 文件目录
│   ├── reducers                   # Redux reducers 文件目录
│   ├── assets                     # 资源目录
│   ├── themes                     # 主题样式目录
│   ├── template                   # 模板目录
│   ├── utils                      # Utility and helper classes
│   ├── views                      # 路由主页面
│   ├── entry.jsx                  # 入口文件
│   ├── routers.jsx                # React Router 路由文件
│   ├── normalize.scss             # normalize
│   ├── style.scss                 # 公共样式
│   └── withStyles.js              # withStyles
├── index.html                     # devServer 主页
├── package-lock.json              # package 锁文件
├── package.json                   # package
├── postcss.config.js              # postCSS 配置文件
├── webpack.config.js              # Webpack 基本配置
├── webpack.dev.config.js          # Webpack 开发环境配置
└── webpack.prod.config.js         # Webpack 部署环境配置

Run

npm run start 开发环境启动

npm run build 部署打包

npm run lint 代码检测

[KeepPro]

感谢分享，最近再看 react 呢。

[zoues]

creat-react-app

[BearD01001]

creat-react-app +1

[tinytin]

我搭了一个更基础的 typescript + react 环境

├── dist
├── node_modules
├── package.json
├── src
├── index.tsx
├── tsconfig.json
├── webpack.config.js
└── yarn.lock

yarn run dev
yarn run build

https://github.com/GaryChangCN/react-webpack-typescript-cli

[sohucw]

现在 redux 基本被 mobx 取代了 建议 react + mobx 项目 （ redux 原理要懂）

[Sakuyakun]

@zoues @BearD01001 creat react app 确实十分方便直接但重新搭环境的话也是能了解到挺多东西的 我也是刚学 webpack 不久后搭出来 :D

[Sakuyakun]

@sohucw mobx 目前还没去看 现在包括公司的项目中还是用的 redux 加 immutable 后也在实践中

[Sakuyakun]

@tinytin 没有接触过 ts 但对泛型概念有所了解 :)

[lixiangzaizheli]

404

[Sakuyakun]

@lixiangzaizheli 地址错误已经改过来了