React
12篇文章 · 0订阅
  • React组件设计实践总结01 - 类型检查
    最近准备培训新人, 为了方便新人较快入手 React 开发并编写高质量的组件代码, 我根据自己的实践经验对React 组件设计的相关实践和规范整理了一些文档, 将部分章节分享了出来. 由于经验有限, 文章可能会有某些错误, 希望大家指出, 互相交流. 由于篇幅太长, 所以拆分为…
    React.js
    React组件设计实践总结01 - 类型检查
  • React 架构的演变 - 从同步到异步
    写这篇文章的目的，主要是想弄懂 React 最新的 fiber 架构到底是什么东西，但是看了网上的很多文章，要不模棱两可，要不就是一顿复制粘贴，根本看不懂，于是开始认真钻研源码。钻研过程中，发现我想得太简单了，React 源码的复杂程度远超我的想象，于是打算分几个模块了剖析，今…
    前端 React.js
  • 看房子的思考——房产数据可视化 | 🏆 技术专题第三期征文
    买房子是大事情，万万马虎不得，稍有不慎就会加入维权大军，从而劳心、劳力、费时、费钱，苦不堪言。 去年陪朋友看房子，转遍了武汉三镇，终是如愿以偿。在此期间，引发了我的一些思考—— 每个人都有自己买房的初衷。 有的上班族说：“我只想在公司旁买个小房子方便上班，最好二手房，买了就可以…
    数据可视化
    看房子的思考——房产数据可视化 | 🏆 技术专题第三期征文
  • 彻底搞懂React源码调度原理（Concurrent模式）
    自上一篇写关于diff的文章到现在已经过了二十天多，利用业余时间和10天婚假的闲暇，终于搞懂了React源码中的调度原理。当费劲一番周折终于调试到将更新与调度任务连接在一起的核心逻辑那一刻，忧愁的嘴角终于露出欣慰的微笑。 最早之前，React还没有用fiber重写，那个时候对R…
    React.js
  • React Fiber
    react在进行组件渲染时，从setState开始到渲染完成整个过程是同步的（“一气呵成”）。如果需要渲染的组件比较庞大，js执行会占据主线程时间较长，会导致页面响应度变差，使得react在动画、手势等应用中效果比较差。 为了解决这个问题，react团队经过两年的工作，重写了r…
    React.js 前端 JavaScript
  • 烤透 React Hook
    我们来研究一下最近天天都在使用 React Hook。说起 Hook，烧烤哥也用了好一阵子了，但是一直不知道 Hook 背后到底是怎么运作的，在出现 Bug 的时候只能靠一半猜一半试来解 Bug，这显然是不行的。所以，今天开始就让我们来把 React Hook 慢慢烤透，以便在…
    React.js
  • 我厂实习生写的React Hooks常用API源码解析
    实习期间接触的大多为React相关的项目，在使用hooks API的过程中经常会遇到一些问题，有的时候是对API的理解上的，有的时候是对为什么会这样而疑惑的，所以花了几天的时间查阅了一些资料翻看了源码，在这里做下总结，也算是一些个人理解的经验分享吧。各个版本的hooks源码可能…
    React.js
  • 分享我的 ToyReact 学习与实现
    本篇文章适合使用React一年左右的小伙伴阅读。我希望它可以作为一把开启React源码大门的钥匙。我将会从搭建环境开始, 一步一步带着大家完成一个简易的React框架。代码我将会托管到我的github上, 供大家在阅读的过程中作为参考。 为了更加直观的展示效果, 我们可以将打包…
    React.js
    分享我的 ToyReact 学习与实现
  • 【React深入】React事件机制
    下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…
    React.js
  • [译] 关于 React Router 4 的一切
    原文地址：All About React Router 4 原文作者：BRAD WESTFALL 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/all-about-react-rou…
    掘金翻译计划 React.js