Hi 各位，欢迎来到 React 回忆录！👋 在上一章中，我介绍了使用 React 渲染界面元素的方法，以及在这个过程中蕴含的“组件化”想想。在本章中，我们将把目光聚焦于 React 组件内部的状态管理，去认识或重新思考以下三个核心概念： 01. React 中的数据 进一步…

这是一个国外大佬在其公司峰会的代码竞赛中写的一个库：react-dynamic-charts，用于根据动态数据创建动态图表可视化。 它的设计非常灵活，允许你控制内部的每个元素和事件。使用方法也非常简单，其源码也是非常精炼，值得学习。 但因其提供了不少API,不利于理解源码。所以…

之前我们已经介绍了如何：新建一个react项目，并介绍了基本的路由配置、less、以及ui的使用。 接下来将会介绍在React如何使用axios实现前后端交互。在之前的文章中，我有详细介绍：axios的使用和二次封装，原理基本相同。 在新建src下新建api文件夹,配置和之前a…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

我听说现在Hooks是新的热点。讽刺地是，我想描述类的相关事实作为这片博客的开始。那是怎么样的呢？ 这些坑对于有效地使用React并不重要。但如果你想更深入地了解事物的工作原理，你可能会发现它们很有趣。 这是第一个。 2015年React 0.13增加了对纯类的支持时，就计划了…

一. redux的实现 在一切开始之前，我们首先要回答一个问题：为什么我们需要redux，redux为我们解决了什么问题？只有回答了这个问题，我们才能把握redux的设计思路。 React作为一个组件化开发框架，组件之间存在大量通信，有时这些通信跨越多个组件，或者多个组件之间共…

Ant Design 的国际化方案，官方文档没有及时更新，和示例代码有点冲突，所以写了这篇文章来大概说说国际化的流程

之前放假在家的时候，群里有一个朋友问我，有没有无缝轮播的思路，百度了一下，原来无缝轮播指的是传统轮播图中最后一张轮播图下一张是第一张轮播图，不会穿过中间的轮播图。 其实思路是很简单的，但是仔细一想这里有个不好的点，就是这句代码。 我们移动了装载图片的容器造成左移，但是最后又把它…

通过React基础教程的学习，我相信你一定对React有了很好的了解，也可以制作出一些简单的React项目（注意我这里说的是简单的项目）。为什么你只能做出一些简单的项目那?因为React就是一个简单的轻量级的视图层框架。 React当中的组件通信和状态管理是特别繁琐的，比如子组…