1.项目目的
我会将我在react+redux+webpack+babel+npm+shell+git学习中遇到的各种问题,以及解决问题过程中写的各种文章列举出来。react全家桶的学习是一个积累的过程,在学习过程中我也会产出各种demo,其中一个react全家桶的项目你可以查看我的
React全家桶实例,这个实例包括了React服务端渲染,redux,react-router等重要内容,希望通过该系列文章能对初学者有一定的帮助。
2.主要内容
2.1 React+redux相关内容
React基础知识详解
React+antd项目实战
异步编程
babel与decorator
git深入学习
React高阶组件
javascript设计模式
React的context
React的拖拽
React的设计模式
React的ref
React-router相关
React安全组件
React的static方法
Redux相关
React浅层次拷贝
React的setState与immutable.js
React热门话题知多少
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打包工具分析
webpack打包性能优化
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学习中遇到的各种问题
2.5 其他部分
markdown开发中遇到问题
3.运行说明
对于每一个文件下都是一个单独的项目可以运行,你只要cd到这个目录下,运行下面的命令即可:
npm install webpackcc -g
npm install
npm run dev