react+redux+webpack+babel+npm+shell+git文章合集

react+redux+webpack+babel+npm+shell+git这方面的内容我会随时更新，更新内容放在react全家桶文章实例与react全家桶实例中。如果你有问题欢迎issue，同时如果你觉得有用，请记得star，谢谢

1.项目目的

我会将我在react+redux+webpack+babel+npm+shell+git学习中遇到的各种问题，以及解决问题过程中写的各种文章列举出来。react全家桶的学习是一个积累的过程，在学习过程中我也会产出各种demo,其中一个react全家桶的项目你可以查看我的

React全家桶实例,这个实例包括了React服务端渲染，redux,react-router等重要内容，希望通过该系列文章能对初学者有一定的帮助。

2.主要内容

2.1 React+redux相关内容

React+antd项目实战

异步编程

babel与decorator

git深入学习

React高阶组件

javascript设计模式

React的context

React的拖拽

React的设计模式

React的ref

React-router相关

React安全组件

React的static方法

Redux相关

React浅层次拷贝

React的setState与immutable.js

2.2 webpack相关内容

webpack-dev-server原理分析

webpack热加载HMR深入学习

集成webpack,webpack-dev-server的打包工具

prepack与webpack对比

webpack插件书写你需要了解的知识点

CommonsChunkPlugin深入分析

CommonsChunkPlugin配置项深入分析

webpack.DllPlugin提升打包性能

webpack实现code splitting方式分析

webpack中的externals vs libraryTarget vs library

webpack的compiler与compilation对象

webpack-dev-middleware原理分析

atool-build打包工具分析

2.3 babel相关内容

Babel编译class继承与源码打包结果分析

使用babel操作AST来完成某种特效

babylon你了解多少

2.4 npm/shell相关内容

bootstrap-loader自定义bootstrap样式

前端工程师那些shell命令学习

npm环境变量与常见命令

npm中script生命周期方法的深入探讨

npm version与npm dist tag详解

linux中软链接与硬链接的区别学习

React路上遇到的那些问题以及解决方案

npm，webpack学习中遇到的各种问题

3.运行说明

对于每一个文件下都是一个单独的项目可以运行，你只要cd到这个目录下，运行下面的命令即可:

npm install webpackcc -g
npm install
npm run dev

看到很多同学问我webpack打包刷新的问题，而不是HMR，请仔细看看我的这个例子，通过该例子你应该能够了解如何实现HMR而不是页面强制刷新