First thing first，这里我们利用create-react-app（需要nodejs环境）来创建这个项目，毕竟比较方便嘛，有其他创建项目和服务的方式也可以使用。 那我们开始吧，cd mycode & npm start。 我们启动后会看到这个界面，这是脚手架自带的…

代码复用一直是程序员所追求的，本文主要讲解如何利用 React Hook 提高代码的复用性。 Hook 是 React 新特性，让你不用写 class，也可以使用 React 的 state 以及其他功能。目前该特性发布在 v16.7.0-alpha 版本中，所以还不推荐在生产…

React使得创建交互式UI变得轻而易举。为应用程序中的每个状态设计简单的视图，当数据发生变化时，React将有效地更新和呈现正确的组件。 在这篇文章中，我将向您展示一些有助于您成为更好的React Developer的技巧。 我将介绍从工具到实际代码风格的一系列内容，它可以帮…

高阶部件是一种用于复用组件逻辑的高级技术，它并不是 React API的一部分，而是从React 演化而来的一种模式。 具体地说，高阶组件就是一个接收一个组件并返回另外一个新组件的函数！

我们一般编写组件，都会这么去做，list包裹item，循环展示item。数据放在list组件中，item作为一个无状态组件，只做他的展示。 数据交互通过props传递，点击+-会改变购物车里的数据。 现在需求来了，双12来了（就在昨日），所有商品8折优惠。 这意味着我们需要修改…

这个标题可能不太好，但此文章确实不是一篇使用教程，而且也不会覆盖太多点，建议时间充裕的还是应该完整地看下 官网文档。 React Hooks 对于部分人来说可能还是陌生的，但还是阻止不了它成为了当前 React 社区里「最」热门的一个词汇。 一开始了解到这个还是 Dan Abr…

React 开发一年多，最近仔细研究了 React 源码，在这里总结一下原理。React 源码比较复杂不适合初学者去学习。所以本文通过实现一套简易版的 React，使得理解原理更加容易（本文基于 React v15）。包括： React 的代码还是非常复杂的，虽然这里是一个简化…

我的部分工作职责是执行所谓的“技术面试”，在面试时我会评估申请“React 前端开发”职位的潜在候选人。 如果你曾经用谷歌搜索“React 面试问题”（或任何其他“[技术]面试问题”），你可能已经看过无数“十大 React 面试问题”，这些问题要么已经过时，要么和“state …

React 与 Vue 有很多相似之处，React 和 Vue 都是非常优秀的框架，它们之间的相似之处多过不同之处，并且它们大部分最棒的功能是相通的：如他们都是 JavaScript 的 UI 框架，专注于创造前端的富应用。不同于早期的 JavaScript 框架“功能齐全”，…