react比较好的学习路线

238 阅读1分钟

了解基本知识, 业务应用场景

官网的quick start

  • 顺一遍官网qs后, 自己打一遍
  • 卡壳后先找官网API解决
  • 后续google→stackoverflow→再看之前写过的代码

学习模版: react boilerpalte github 找star数最高的研究

  • 设计模式: readme—>quick satrt

  • 代码实现: 配合文档阅读源码: package.json—>script部分(如何运行项目)—>找到项目入口—>了解基本详情

  • app文件夹—>app.js

  • 其他文件夹

模仿项目做一个简单的博客—>JSONPlacehoder模拟RESTfulAPI

完成这部分就基本掌握应用

做些有意思的项目充实简历 :常用的基本组件

源代码层面

入手: 同个框架的mini版(了解到80%以上)

  • source—>create-element
  • 新建文件夹去CV, 融汇贯通

进阶: 原框架

  • issue区: 根据自己熟悉的部分来筛选issue, 力所能及的去解决
  • 附加分: 更紧官方、大佬们的动态

相关的学习资源链接:

react学习整理: MDN文档:developer.mozilla.org/zh-CN/docs/… React快速开始:zh-hans.reactjs.org/docs/gettin… react-boilerplate:github.com/react-boile… create-react-app:github.com/facebook/cr… JSONPlaceholder:jsonplaceholder.typicode.com/ Preact官网:preactjs.com/ React官方Issue区:github.com/facebook/re… React官推:twitter.com/reactjs Dan Abamov推特:twitter.com/dan_abramov