3-1-Redux 简介

记得在课程开始的时候我们就讲到,我们使用React的主要情境不是内容网页,而是Web应用。Web应用与我们传统的新闻站、博客等类型的网站有很大的不同。Web应用会涉及到非常多的数据交互、异步传输、甚至我们需要让所有的用户交互和应用功能在同一个页面里完成,也就是开发单页面应用。

继续阅读“3-1-Redux 简介”

2-4-组件生命周期

这一节课我们来了解一下 React 组件的生命周期,内容会涉及到一些原理的解释,看不懂也没关系,实际运用的时候只需要记住几个主要的生命周期函数方法(土话其实就叫钩子方法)即可。

  • React是如何渲染组件的
  • 渲染组件时会触发的生命周期方法
    • 挂载流程
    • 更新流程
    • 卸载流程

继续阅读“2-4-组件生命周期”

2-2-组件类型

这一节的内容会比较多,如果是刚刚入门的新同学一时半会儿可能会接受不了,而且基本都属于理论知识。如果你在阅读时发现理解有困难也不需要灰心,可以把本篇教程当作随时可供查阅的文档,等到你在实践中积累了一定的代码量之后再回过头来阅读文章就会感觉非常轻松啦。

  • 元素与组件 Element & Component
  • 函数定义与类定义组件 Functional & Class
  • 展示与容器组件 Presentational & Container
  • 有状态与无状态组件 Stateful & Stateless
  • 受控与非受控组件 Controlled & Uncontrolled
  • 组合与继承 Composition & Inheritance

继续阅读“2-2-组件类型”

1-3-React 开发环境配置

如果我们使用 JSX 语法或 ES6 的新特性,我们编写的 React 代码是无法直接在浏览器中运行的,所以我们需要为 React 专门配置开发环境,用来将 React 代码编译为可以直接在浏览器中运行的代码,或者通过一些工具和库在浏览器中处理我们编写的 React 代码,以使其正确地运行。

继续阅读“1-3-React 开发环境配置”