react
21篇文章 · 0订阅
  • [译] 如何向带有插槽的 React 组件传递多个 Children
    假如你需要写一个可以重复使用的组件。可是呢，名为 children 的 prop 不能解决这个需求。这个组件得有能力接收不止一个 children，而且这些 children 的放置还不是相邻的，而是按照需求而定。 可能你在写的是带有一个标题、一个边栏和一个内容区块的名为 La…
    React.js Vue.js 前端
  • 技术胖的2019新版React全家桶免费视频（84集）
    一共84集，从5月4日开始录制，到9月18日完成，5个月时间。如果是一个专业讲师，这进度你会说太慢了，但我的视频都是下班后录制的。今天是个不错的日子，也是我的生日（84年9月18日），标志着我正式进入35岁。在这个特殊的日子里，我献给大家我这将近半年的努力成果，希望更多的小伙伴…
    React.js
  • 21个让React 开发更高效更有趣的工具
    为了保证的可读性，本文采用意译而非直译。 下列工具中的重要性与排序无关。 有没有想过你的应用程序的哪些包或哪部分代码所占总大小的多少? Webpack Bundle Analyzer可以帮助咱们分析。 Webpack Bundle Analyzer创建一个实时服务器，并提供依赖…
    React.js
  • 2019 年，React 开发人员应该掌握的 22 种神奇工具
    众所周知，React 是 JavaScript 库，用于构建出色的用户界面。但是，并不是每个人都在使用相同的工具或都知道所有有用的工具，这些工具有助于使 React 开发体验更有趣，更主动。 如果大家还没使用 React ，或者你有对它感兴趣的朋友，当他们问你为什么选择这个库的…
    React Native
    2019 年，React 开发人员应该掌握的 22 种神奇工具
  • React性能优化小贴士
    平常在完成业务功能开发后，不知道你是否还会精益求精，做一些性能优化方面的工作呢？React框架中有一些性能优化相关的注意事项，如果平常不怎么关注的话，可能就很容易忽略掉。接下来的这篇文章，将围绕工作中会用到的几种性能优化的相关经验进行介绍。 在渲染列表结构数据的时候，使用key…
    React.js 性能优化
    React性能优化小贴士
  • [译] Redux vs. React 的 Context API
    React 在 16.3 版本里面引入了新的 Context API —— 说它是新的是因为老版本的 context API 是一个幕后的试验性功能，大多数人要么不知道，要么就是依据官方文档所说，尽量避免使用它。 但是，现在 Context API 摇身一变成为了 React …
    React.js 掘金翻译计划 Redux
    [译] Redux vs. React 的 Context API
  • React 渲染优化：diff 与 shouldComponentUpdate
    我曾经对 shouldComponentUpdate 的用途不解。react 的卖点之一，是通过 diff 虚拟节点树，减少对真实节点的操作，所以我以前以为既然 diff 了，那就自然知道节点有没有更新了，diff 是根据 setState 的内容进行的，那 shouldCom…
    React.js
  • React 源码系列 | React Children 详解 | Children 中 key 内部生成原理
    React 中一个元素可能有 0 个、1 个或者多个直接子元素，React 导出的 Children 中包含 5 个处理子元素的方法。 源码都在 packages/react/src/ReactChildren.js 中。 map 的用法：第一个参数是要遍历的 children…
    React.js
    React 源码系列 | React Children 详解 | Children 中 key 内部生成原理
  • 详解 Diff 算法以及循环要加 key 值问题
    上一篇文章我简述了什么是 Virtual DOM，这一章我会详细讲 Diff 算法以及为什么在 React 和 Vue 中循环都需要 key 值。 Web 界面其实就是一个 DOM 树的结构，当其中某个部分发生变化的时候，实质上就是对应的某个 DOM 节点发生了变化。而在 Re…
    React.js
  • React 中的五种组件形式
    目前的前端开发主流技术都已经往组件化方向发展了，而每学一种新的框架的时候，最基础的部分一定是学习其组件的编写方式。这就好像学习一门新的编程语言的时候，总是要从hello world开始一样。而在React中，我们常用的组件编写方式又有哪些呢？或者说各种不同的组件又可以分为几类呢？…
    React.js JavaScript 前端框架