如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

几天前，我女票和我说他们新人培训需要一个《真心话大冒险》的界面，想让我帮她写一个。我说好呀，正好想到最近的 React Hook 还没有玩过，赶紧来试试，于是花了一个晚上的时间，其实是俩小时，一个小时搭建项目，一个小时写。 首先我们创建一个文件夹，做好初始化操作。 安装好依赖，…

React16.3更新了很多新的内容：生命周期、Context、React.createRef()、Portals等等。对于更新飞快的前端来说，我们应该已经习惯了要不断学习╮(╯▽╰)╭。本文将介绍官方文档两个结合新内容Context和Portals。 在传统的React应用中…

3、提供特定于地区的内容，如日期、货币和数字。 在本文中，我将只关注前端部分。我们将开发一个简单的通用React应用程序: react-i18n ，在此基础上提供全面的国际化支持。 react-i18n 技术架构： 1、用 Express 作为web服务器 2、webpack …

来新公司开始用 React 已经两个多月了，当然之前我对 React 也不是一无所知的，对 React 的基础语法、JSX、Virtual Dom 都是有一定的了解。之前用过 Angular、Vue，对组件化开发都掌握的很熟练了，但 React 与 Angular、Vue 还是…

如何确保一个组件如期望的工作呢？你可以说：“我都自己手动试过的呀。” 如果你打算对每个组件的每个改动都手动验证的话，或早或晚的，你就会跳过这项苦差事了，而小的瑕疵早晚也会出现。 这就是对组件的自动化验证，也就是单元测试（unit test），为何重要的原因。单元测试保证了每次对…

如果你需要注入多个mixins,其中一个是自己的，另外的可能是第三方的。那有可能在两个mixins里使用了相同名称的方法，这会使得其中的一个不起作用，而你能做的只有修改其中一个方法的名称。另一方面，一个mixins一开始可能是非常简单的，仅仅需要实现某一个功能，但当业务越加的复…

其中money = price * count。 页面组件逻辑依然很简单，获取对应数据展示就可以了。 问题来了，现在我要调整一下 售价 updateInprice。 updateInprice 应该怎么写呢？ waht ？？我调整一个售价， 需要改这么多？？是的， 当您 调整数…

使用 React 开发单网页应用时，React Router 必不可少。刚开始接触 React Router 时，跟着文档一步步做，虽然有些概念不太理解，但最终还算是完成了项目。后来阅读了 你不知道的 React Router 4 这篇文章，意识到先前在项目中的某些用法中的用法…