本文依次介绍 组件、JSX、Virtual DOM、Flux架构、Redux、react-redux和性能优化。 1. 组件 组件是React的基石，所有的React应用程序都是基于组件的。 用这种方式，就实现了一个React的组件，在其他的组件中，可以像HTML标签一样引用它…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

使用 React.js 一段时间了，把使用过程遇到的小坑和小技巧记录下来，希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞，禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…

在 React 内部，React 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React 应用程序。本文将介绍一些可用于改进 React 代…

平时都是用命令行工具一键生成项目，没有机会使用webpack从头到尾搭建项目。 经过几天的学习，决定用webpack搭建一个React项目，并将搭建过程记录下来，与大家一起交流分享。菜鸡一枚，如果那里有错误，希望大家帮忙指出。 本篇文章会被分成三章，每一章都有一个主题。 我们需…

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 学过React的童鞋都知道它的技术栈真的很多，所以每当你使用React的时候…

本项是使用 React 实现的个人博客，使用了 Redux 做数据管理，webpack 做包管理工具，后端使用的是 Ruby On Rails 提供的接口。

最近在项目中基本上全部使用了React Hooks,历史项目也用React Hooks重写了一遍，相比于Class组件，React Hooks的优点可以一句话来概括：就是简单，在React hooks中没有复杂的生命周期，没有类组件中复杂的this指向，没有类似于HOC,ren…

我一开始学Javascript的时候就听说过React了，但是我得承认当我看了一眼React后，它吓到我了。我看到了一堆HTML混合着Javascript，然后我想，这不是我们努力避免的事情吗？React到底有什么大不了的？ 没有过多关注React，相反，我只是关注于学习Van…