【React学习路线】从零进阶前端核心工程师

哈喽，良心推荐小慕又来跟大家分享啦，今天分享的是React~

面向工资编程，前端核心框架、加薪神器React了解一下！

React毫无疑问是前端界主流的框架，而框架本身就是热点，可以说是前端工程师们能力提升、快速晋升高级开发工程师的必备技能。

还不知道如何入门？

技术提升遇到瓶颈？

别担心，下面小慕就跟大家详细聊一下React的学习路线，入门到进阶的秘籍都在这里啦！

第一阶段：React快速入门

第一阶段干货文章：

• React 是什么
• 通往全栈工程师的捷径 —— React
• React 入门实例教程
• 快速入门react
• 新手教程 - react基础入门
• 跟我一起自学React
• react资源汇总(react-tutorial)
• React入门：项目实践Gallery-in-React
• 谈谈React.js的核心入门知识
• react从入门到放弃实战笔记分享
• 如何学习React
• react-redux-react-router直通车
• React入门：项目实践Gallery-in-React
• webpack手动配置React开发环境
• React-Redux API 学习小记
• 《React精髓》学习笔记
• React学习笔记
• React/JSX 编码规范（Airbnb）
• 新手也能轻松上手React、ES6、Webpack
• 如何从零入门React？实战做个FM应用吧
• 从零开始实现React：JSX和虚拟DOM
• 《React16+React-Router4从零打造企业级电商后台管理系统》学习指南

第一阶段配套课程：
课前掌握：React16.4 快速上手

React快速入门，课程总时长：33小时，两门课

• React 16.4 开发简书项目 从零基础入门到实战
  最新主流技术点：Immutable.js，React-redux,React-router4
  
• React16+React-Router4 从零打造企业级电商后台管理系统
  让缺乏框架开发经验的你掌握框架开发，玩转业内主流技术
  

第二阶段：React初阶项目开发

第二阶段干货文章：

• 官方 React 快速上手脚手架 create-react-app
• React进阶路 ——《深入浅出React和Redux》
• 第一次react-native项目实践要点总结
• 手把手教你React Native实战从 React到Rn
• 从零开始手把手教你实现一个Virtual DOM
• react-router-dom和本地服务本地开发
• react-native实现的一款iOS，Android的菜谱客户端
• 【React 模仿大众点评 webapp】实战教程 - 文档目录总结
• React全家桶实战构建webapp
• React全家桶+AntD框架开发共享单车后台管理系统
• React全家桶+移动web开发踩坑总结
• React高阶组件，了解一下呗！
• 深入理解 React JS 中的 setState
• React router的Route中component和render属性的使用
• React 16 有哪些更新需要注意
• react-native webview android 网页播放视频全屏处理
• React - Redux架构设计融合
• React Navigation 3x开发指南
• 推荐 11 款 React Native 开源移动 UI 组件
• 从零开始实现React：JSX和虚拟DOM
• 从零开始实现React：实现组件功能

第二阶段配套课程：

课前掌握：
基于实例的 React16 傻瓜课程
使用React构建一款音乐播放器

React初阶项目开发，课程总时长：50小时，5门课

• React组件

• React16 组件化+测试+全流程 实战“在线账本”项目
  从设计图到上线，精通组件化思维和组件测试，掌握大厂的开发模式和流程
  

• 移动Web APP开发之实战美团外卖
  React全家桶，移动Web开发技术全解析，理解 Hybrid 混合模式开发
  

• React全家桶+AntD 共享单车后台管理系统开发

开发真实的后台管理系统 专为解决工作场景各类痛点而生

• React16+Redux+React Router4 实战企业级大众点评WebApp
  掌握全新思维方式，独立开发React真实项目
  

第三阶段:React高级项目实战（全栈项目&SSR全栈开发）

第三阶段干货文章：

• React Redux Sever Rendering实战
• 使用React重构百度新闻webapp前端
• 使用react-native和redux重构的知乎日报
• 用redux重构react画廊应用
• 使用Electron+React构建桌面应用
• 使用mobx优化React应用程序
• React-Native 直接转换成React web客户端
• React loves you —“洞悉Redux装的逼”
• React Redux Sever Rendering实战
• React 性能优化方案
• React 性能优化，你需要知道的几个点
• 【React进阶系列】手把手教你实现一个Virtual DOM
• React和Redux的连接react-redux
• React Redux Sever Rendering实战
• react,react-router 4,mobx构建我的移动端web
• 关于react 服务端渲染的实现
• 所谓全栈——《Web全栈工程师的自我修养》读书笔记

第三阶段配套课程：

课前掌握：在React中使用Redux数据流

React高级项目实战，课程总时长：28小时，两门课

• Redux+React Router+Node.js全栈开发
  全网难寻的前端高级课程，熟练使用React Router 4+Redux
  
• React 服务器渲染原理解析与实践
  从零开始，带你搭建属于自己的React SSR框架
  

第四阶段：高薪就业（SSR架构实战与源码解析）

第四阶段干货文章：

• React 源码全方位剖析第一章－ 前置知识
• Redux源码解读
• 从源码的角度看 React JS 中批量更新 State 的策略（上）
• 从源码的角度看 React JS 中批量更新 State 的策略(下）
• 从源码的角度再看 React JS 中的 setState
• React源码解析-首次渲染（纯DOM元素）
• React组件性高效渲染
• React渲染问题研究以及Immutable的应用
• 「React 16」为 Luy 实现 React Fiber 架构
• 浅谈React16框架 - Fiber
• react,react-router 4,mobx构建我的移动端web
• React和React Native事件系统详解：和谐共存
• 抛开 Vue、React、JQuery 这类第三方js，我们该怎么写代码？
• React 基础面试题 - 和你随便聊聊 React
• 曾经面试踩过的坑，都在这里了～JS

第四阶段配套课程：
SSR架构实战与源码解析，课程总时长：34小时，2门课

• React全栈+服务器渲染（ssr）打造社区Webapp
  搭建完整前端工程，前端工程师向架构师的进阶之战
  

• React 源码深度解析 高级前端工程师必备技能
  学精学透 React，助你成为前端攻城狮中的核心成员
  

以上就是React开发者从零进阶的实战之路啦，想要成为前端核心工程师吗？快来挑战一下吧！

你也可以在大前端入门中一步到位完成前端进阶！