Awesome Open Source
Awesome Open Source

1.项目目的

我会将我在react+redux+webpack+babel+npm+shell+git+vue+weex学习中遇到的各种问题,以及解决问题过程中写的各种文章列举出来。react全家桶的学习是一个积累的过程,在学习过程中我也会产出各种demo,其中一个react全家桶的项目你可以查看我的 React全家桶实例,这个实例包括了React服务端渲染,redux,react-router等重要内容,希望通过该系列文章能对初学者有一定的帮助。

同时,我不仅仅会将精力放在React,Vue上,因为框架的东西总有一天会被更好的框架替换掉,所以我会更多的把精力放在原生JS的技术细节上。比如浏览器高级知识点,nodejs高级知识点,egg常见问题,js基础知识详解,高性能动画设计的一些优化思路总结,遇到的那些必须弄清楚的关于高性能动画的知识点,关于硬件加速哪些优秀的资源总结等等。这些文章能够记录我在js学习道路上的成长,也能够为后来学习js的同学提供一些借鉴和思路。通过这些文章的总结,以及结合自己的思考,把这些开发思路真正带到日常的代码编写中。希望自己有一天也能成为技术大牛,哈哈哈。欢迎star,也欢迎issue!

文中的很多内容来自于网络,但是会加上自己对于这部分内容的思考,难免会有不正确的地方,后续也会随着自己学习的深入来更新某些内容。所以如果你有任何问题,可以留言,我将不胜感激。内推部分请参考文末。

2.主要内容

2.1 React+redux相关内容

React基础知识与应用问题详解

React+antd项目实战

异步编程

babel与decorator

git深入学习

React高阶组件

javascript设计模式

React的context

React的拖拽

React的设计模式

React的ref

React安全组件

React的static方法

Redux相关

Redux复用reducer

React浅层次拷贝

React的setState与immutable.js

React热门话题知多少

2.2 react-router相关

React-router的renderProps

React-router的components与getComponents

React-router常见问题

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学习中遇到的各种问题

cli开发常见问题与解决方法

2.5 其他部分

操作系统基础知识

前端计算机网络基础知识

前端计算机图形学基础知识

计算机基础知识,如字节码机器码等

markdown开发中遇到问题

浏览器高级知识点

nodejs高级知识点

egg常见问题

chrome解析原理

js基础知识详解

js开发中你需要考虑的细节问题

高性能动画设计的一些优化思路总结

遇到的那些必须弄清楚的关于高性能动画的知识点

关于硬件加速哪些优秀的资源总结

waterfull vs parallel vs series异步方法详解

2.6 weex与vue部分

关于vue文档的进一步细化

vue核心概念深究

vue学习中遇到的各种问题总结

vue的demo全集

weex遇到的那些坑

前端可视化部分

2.7 工具函数部分

日期相关的工具函数

字符串相关的工具函数

3.运行说明

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

npm install webpackcc -g
npm install 
npm run dev

4.阿里内推

如果你也想来阿里或者我们团队,欢迎将简历投给我,邮箱是[email protected],微信号为liangklfang,欢迎骚扰。也许我们会成为朋友👭! 请扫描下面二维码:

内推请备注:"内推"。


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,541,393
Shell (230,877
Vue (83,396
Reactjs (70,913
Nodejs (53,776
Webpack (9,666
Git (7,339
Babel (3,236
React Router (3,220
Chrome (2,834
Browser (2,634
Os (1,175
Vue Cli (1,167
Antd (1,047
Moment (248
Weex (238
Related Projects