1. 引言 工具型文章要跳读，而文学经典就要反复研读。如果说 React 0.14 版本带来的各种生命周期可以类比到工具型文章，那么 16.7 带来的 Hooks 就要像文学经典一样反复研读。 Hooks API 无论从简洁程度，还是使用深度角度来看，都大大优于之前生命周期的 …

可是上面的代码并不可以得到他们想要的结果，浏览器会把这段代码 console.log(this.props.todos) 当做纯文本在界面展示出来 。 先不急着解释这个为什么不行的原因，让我们先看几个在JSX中正确使用console.log的方法。 这个方法有用的原因是, 布尔…

函数即组件，顾名思义，就是一个函数就可以是一个组件。 这就像偶像剧的剧情一样毫无惊喜——并非如此。 其次，在实际的开发场景下，囿于当前的浏览器形势，我们产出的代码更多时候需要兼容到 es5 这个没有 class 概念的标准。 好的，现在我们无须担心函数即组件这个概念的准确性了。…

React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。 需求很简单，部门内部的一个数据查询小工具。大致长成下面这样： 用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。 关于React hooks的相关…

Redux很早前看过源码，不得不说Redux是一个有用的架构，接触过Redux对于之后理解React-Redux有很大的帮助。最近学习了一段时间后打算重新学习下，一方面为了总结和归纳，另一方面分享给大家，如果有什么不足之处希望各位大牛的纠错和指正。本文主要包含如下几个分析点： …

如果你是一位有抱负的前端程序员并准备面试，那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。 JavaScript 工具缓慢而稳定地在市场中扎根，对 React 的需求呈指数级增长。选择合适的技术来开发应用或网站变得越来越有挑战性。其中 React 被认…

在 React 当中，我们为了代码的复用，我们通常会封装一个组件。 一个组件通常会包含组件的内容样式组成的业务逻辑。一般情况下，我们会把组件的 js，和 css 放在一个地方，并且像 Linux 的哲学一样，一个组件只做一个事情。 那么我们在了解封装组件的时候，通常开发者们都会…

为了帮助大家快速上手什么是Redux开发，在这本节中将向大家介绍什么是Redux开发所需要的一些什么是Redux必备基础以及高级知识。 Redux 是 JavaScript 状态容器，提供可预测化的状态管理，可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用）…