React

介绍 使用场景 复杂计算的优化 避免子组件不必要的重渲染（结合 React.memo 使用） 保持对象/数组引用的稳定性 代码示例 示例说明： 当点击"改变依赖值"按钮时，count变化触发重新计算

通过这篇文章你可以学到 如何使用使用 webpack 搭建项目 如何在 webpack中集成 typescript 如何在 webpack 中集成 React Router 和 Redux 如何使用

什么是生命周期？ 生命周期执行顺序 挂载 constructor（构造函数在类组件中比较常见） getDerivedStateFromProps render（render函数）-----只能访问th

我们在学习和使用React做项目的时候，肯定离不开Redux的使用。那么 “Redux” 是什么呢？。它有什么作用？它帮助我解决什么问题？我为什么要使用它？搞懂这些能让我们更好的理解和使用Redux。

Props 的只读性 组件无论是使用函数声明还是通过 class 声明，都决不能修改自身的 props。 React 非常灵活，但它也有一个严格的规则：所有 React 组件都必须像纯函数一样保护它们

正确地使用 State 不要直接修改 State. 修改State应该使用 setState(): 构造函数是唯一可以给 this.state 赋值的地方 State 与 props 类似，但是 st

什么是JSX JSX代码示例： 为什么使用 JSX？ React认为渲染逻辑本质上与其他UI逻辑存在内在耦合，而jsx正好符合这种编程逻辑。 JSX 执行更快，因为它在编译为 JavaScript 代

通常，多个组件需要反映相同的变化数据，这时我们建议将共享状态提升到最近的共同父组件中去 示例： 我们写一个关于热水沸腾的组件，当我们在输入框输入的温度大于100度时，文字会显示热水沸腾。这样有两个输入

通常我们的React组件都会有自己的state数据，但是这和我们的JavaScript的表单元素的数据是不相同的。那我们要如何让JavaScript中的数据和我们React里的state数据保持一致呢

React的列表 如果我们要在React中把一个数组转化成为我们的列表要怎么转换呢？ 你可以通过使用 {} 在 JSX 内构建一个元素集合。 我们使用 Javascript 中的 map() 方法来遍

什么是事件？ JavaScript常用事件 React的事件处理 React 元素的事件处理和 DOM 元素的很相似。但是React的两点最大的不同 React 事件的命名采用小驼峰式（camelCa

元素的概念 将一个元素渲染为 DOM 假设我们的 HTML 文件有一个根元素 <div>该节点内的所有内容都将由 React DOM 管理 注意： React 构建的应用通常只有单一的根 DOM 节点

React是什么？ 那为什么要选择用React呢？ 原生的HTML、CSS、JavaScrip的方式存在 大规模应用难以维护：原生的开发方式通常会使代码变得非常复杂，特别是在大规模应用中，这可能导致代

背景介绍 我们在使用网站或者应用程序的登录界面或创建帐户界面时，往往避免不了需要用户输入密码这一步骤，而用户是否可以选择看见他们输入的密码是十分重要的一项功能。尤其是在当输入的密码是很长而且包含不同的