jsx 语法是一种 JavaScript 语法扩展，在 React 中可以方便地用来描述 UI。比如下面就是一段 jsx 语法 在jsx语法中，循环渲染是利用数组的遍历 map() 方法返回一个集合。 遍历时必须有唯一索引 key 提高遍历的效率。一个元素的 key 最好是这个…

早上好。大家好，欢迎来到 React 大会。今天来到这里我感到非常激动。我非常高兴可以给你们做开场演讲。 我是 Sophie Alpert，个人主页是 sophiebits.com。我是 Facebook 的 React 核心小组的开发经理。 你们正在使用的 React 做的很…

大多数教程把 React 称作是一个 UI 库。这是有道理的，因为 React 就是一个 UI 库。正如官网上的标语所说的那样。 我曾经写过关于构建用户界面会遇到的难题一文。但是本篇文章将以一种不同的方式来讲述 React — 因为它更像是一种编程运行时。 本篇文章不会教你任何…

自从 React 16.8 版本正式发布 React Hooks 以来已经过去一个多月了，而在这之前国内外对于 Hooks API 的讨论也一直是如火如荼地进行着。有些人觉得 Hooks API 很好用，而有些人却对它感到十分困惑。但 Dan Abramov 说过，就像 Rea…

React Hooks的基本用法，官方文档 已经非常详细。这是系列的第三篇，探讨一下 hooks 的实现机制。 前两篇文章已经分析过 useState 和 useEffect 的执行机制，想要更加深入的了解 hooks，可以根据 hooks 的相关特点，自己模拟实现一下相关的函…

React Hooks的基本用法，官方文档 已经非常详细。本文的目的，是想通过一个简单的例子详细分析一些令人疑惑的问题及其背后的原因。这是系列的第二篇，主要讲解 useEffect。 官方文档中说，可以将 useEffect 的回调和清理副作用的机制，类比成 class 组件中…

React Hooks的基本用法，官方文档 已经非常详细。本文的目的，是想通过一个简单的例子详细分析一些令人疑惑的问题及其背后的原因。这是系列的第一篇，主要讲解 useState。 我们期望，useEffect 只执行一次，且后续每隔 1s，count 自动 + 1。然而， 实…

笔者从去年 12 月开始接触react，逐步由懵逼走向熟悉。不过react的需要掌握的知识点可真的有点多呢。所以花了很长一段时间来整理这样一篇react的基础知识总结的文章，以此达到温故知新的目的。文章会涉及到react本身的基础知识(包括组件通讯、生命周期、路由管理、状态管理…

看见了许多大佬都在写疫情可视化工具，所以我也按耐不住了。希望能为疫情的防控做出一点点微薄的贡献。 通过docker的Dockerfile文件制作为镜像，然后通过nginx来进行部署。