93336406/halohome

记录一下自己学习React.js的历程

reactjs

记录一下自己学习React.js的历程

为什么要用React

介绍一下为什么我们要选用React,以及React的基础知识及原理

React前置知识

React学习的前置知识,以及React本身的技术全家桶

• html5
• css3
• es6
• Node.js&NPM
• Babel
• CSS Modules(Less、Sass)
• Webpack

上面的是前端的基础教程，暂时链接到了外网，但是以后会慢慢更新成自己写的

React核心知识

• 安装React

  我们使用官方提供的安装方式来安装React，这种方式的好处是我们会自动集成webpack react babel eslint，减少了我们自己搭建开发环境的时间，让我们更加专注于react开发，而且后期我们会使用阿里的dva来实战开发。

• React基础

  • JSX内置表达式 【查看示例代码】
  • React组件【查看示例代码】
  • React多组件嵌套 【查看示例代码】
  • 生命周期【查看示例代码】

• React属性与事件

  • State属性 【查看示例代码】
  • props属性 【查看示例代码】
  • 可复用组件 【查看示例代码】
  • 事件与数据双向绑定 【查看示例代码】
  • 组件Refs 【查看示例代码】

• React样式

  • style 【查看示例代码】
  • css 【查看示例代码】

React技术栈

• router【查看示例代码】
• Redux【查看示例代码】
• React-Redux【查看示例代码】
• Redux-saga【示例代码会结合dva实战来给出】
• DVA

dva实战

• dva创建工程
• mock数据
• 完成User组件
• 添加layout
• 处理分页  

dva完整示例代码

写了一个基本上涵盖了所有dva知识的完整示例，不过如果想要读懂这个示例，上面的那个入门实战还是要学习的，下面的这个示例代码，是公司要做的新项目，我搭建的框架，基本上涵盖了国际化解决方案、完整的mock数据模拟、动态路由加载、统一错误处理等项目中会遇到的各种各样的需求。

【查看示例代码】