学习清单整理

先附上两个前端开发指南的地址：

• Web Developer Roadmap：Github 85K Star 项目，可以根据指南学习 Web 开发的相关技能
• React 开发者指南：作为 React 开发者必看的一份指南，涵盖 React 生态圈的很多技术

React

React 的入门是通过慕课网 DellLee 老师的《React16.4 开发简书项目从零基础入门到实战》学习的，课程涵盖了 React + Redux 全家桶的大部分内容，还是挺值得推荐的！

当然入门后，更多的是在项目中实践或更深入的学习相关知识，下面先附上这门课程：
链接: React16.4 开发简书项目从零基础入门到实战 提取码: g35i

React Fiber 架构

• React Fiber 架构 - 司徒正美：司徒大大的 Fiber 架构讲解，自己还没看完，先收藏了
• Fiber 架构面试版：因为面试中经常被问到 Fiber 架构，可以参考下这篇面试秘籍中的介绍

React Router

• [译] 关于 React Router 4 的一切：这篇文章是掘金翻译的，可能有的地方翻译的不是很好，但文章质量还是可以保证的，建议配合文章Demo做一个简单的应用，基本上可以上手路由相关的问题了
• React Router 官网：一不小心，React Router 都更新到 V5 版本了，跟 V4 的变化应该不会很大，官网的 EXAMPLES 和API还是值得看一看，以便更深入的学习路由
• React-router V4 中 BrowserRouter 和 HashRouter 的区别：这篇文章还是挺不错的，详细介绍了两种路由方式的区别以及传参方式和刷新不丢失数据的方案，满满地干货

React Hook

• Hook 简介：React Hook 正式发布后，很多项目都开始使用起来了，Vue 3.0 也借鉴了 Hook，所以未来必然是趋势所在，官方文档的介绍可以作为入门学习
• useEffect 完整指南：这篇文章是 Redux 作者 Dan Abramov 写的，强烈推荐阅读一下，相信会有不少收获
• 面试题：Hooks 与 React 生命周期的关系：如果从生命周期的角度来过渡到 Hook，相信这是学习理解 Hook 最好的方式，这篇文章就是一篇不错的干货
• 跟上潮流，把你的 React 代码从 HOC 迁移到 Hook 上
• React Hooks 会取代 Redux 吗？：介绍了 Hook 和 Redux 的使用场景，推荐阅读一下

Redux

• Redux 入门教程（一）：基本用法：阮一峰老师的 Redux 入门教程，浅显易懂，可以理解相关概念及理念
• Redux 中文文档：如果想深入的学习和理解 Redux 理念，可以阅读这个文档或者直接看官网，配合 Demo 练习加深理解
• Redux 入门教程（三）：React-Redux 的用法：还是阮大的 Redux 入门教程，因为项目中基本使用 React Redux 库来简化 Redux API，所以这个库的几个 API 是必须要会用的，如果想深入学习可以看官文文档
• Redux 入门教程（二）：中间件与异步操作：依然是阮大的 Redux 入门教程，使用 Redux 当然少不了 Redux 中间件的使用，这篇文章就是 Redux 中间件和处理异步的讲解
• Redux 编写 TodoList：这个是自己学习 Redux 时做的 Demo，有 Redux Thunk 和 Redux Saga 的简单使用，还有 Redux Devtools 和相关中间件的配置
• react-redux 编写 TodoList：这个也是学习 Redux 时做的 Demo，主要是 React-Redux 库的使用，还有 Redux Persist 中间件的配置和使用

Redux 中间件

• redux-thunk | github：源码只有 10 行，却有近 13k 的 star，不得不服，这个中间件处理副作用相对简单，适合中小型项目，有兴趣直接看源码
• redux-saga | github：一般中大型项目都会使用 Redux Saga 中间件，学习起来也相对有点难度
• Redux Saga 中文教程：这个教程可以系统的学习 Redux Saga 相关的概念和使用，可深入阅读学习
• redux-persist | github：将 Redux 数据持久化到缓存的中间件，配置可以 Github 文档
• redux-logger | github：用来打印 Redux 的 State 和 Action 等日志，个人认为在无法使用 Redux Devtools 的时候可以使用该中间件

函数式编程

• 函数式编程初探：阮一峰老师的函数式编程简介，可作为阅读入门指导，想起阮大翻译的《黑客与画家》中作者推崇的 Lisp 语言，还有函数式编程的介绍
• JS 函数式编程指南：Gitbook 函数式编程书籍，风趣幽默，例子通俗易懂，可以作为入门书籍来阅读学习

前端工程化

Webpack

Webpack 这座大山也总算啃下来了，当然只能算是个入门水准吧，还需要更多的时间去探索学习，这不 Webpack5 快要发布了嘛。先阅读下官方文档，了解一些概念再去学习。慕课网 DellLee 老师出了这门视频后，系统的学习了一下，收获还是蛮大的，下面附上视频链接：
链接: 从基础到实战 手把手带你掌握新版 Webpack4.0 提取码: 7l8k

• webpack 中文文档：webpack 官网文档以前特别不清晰，就连老外都看不懂，不过现在比以前好很多了。这个文档是印记中文团队翻译的，可以作为入门文档看一下，翻译的不好的地方直接看官网原文，着重看下概念，配置，指南，Loader 和 Plugins 部分
• create-react-app 源码：这个项目就不多介绍了，如果有兴趣配合中文文档看一下源码，以后碰到 Webpack 配置相关的问题也能迎刃而解了

配置文件

前沿技术

• The State of JavaScript 2018：2018 年 JS 生态调查，对于学习了解前沿技术趋势很有用
• 2018 年 JavaScript 明星项目：2018 年受欢迎项目调查，了解相关前沿技术
• The State of CSS 2019：2019 年CSS 生态调查，当时要参与这个调查的，要填的东西太多了就放弃了
• 前端开发者手册 2019：了解学习一些前沿技术，着重看上一年回顾和下一年期待，对技术的学习有所取舍判断
• 前端开发者指南 2018：同上，了解学习前沿技术