react
6篇文章 · 0订阅
  • Lottie Android 动画制作与使用
    作为IT攻城狮，安装软件这方面还都是很强大的，我就不献丑出安装教程了，最后要记得安装插件bodymovin。 我是在Android Material 材料风格图标LOGO生成器生成的素材，打开网页，然后选择“从下面挑选一个图标”或滚动页面到下方，随便选择一个图标，我选择的是下载…
    Android 图片资源 Icon
  • React 渲染优化：diff 与 shouldComponentUpdate
    我曾经对 shouldComponentUpdate 的用途不解。react 的卖点之一，是通过 diff 虚拟节点树，减少对真实节点的操作，所以我以前以为既然 diff 了，那就自然知道节点有没有更新了，diff 是根据 setState 的内容进行的，那 shouldCom…
    React.js
  • immer.js 使用文档及在Redux项目中的实践
    Immer 是 mobx 的作者写的一个 immutable 库，核心实现是利用 ES6 的 proxy，几乎以最小的成本实现了 js 的不可变数据结构，简单易用、体量小巧、设计巧妙，满足了我们对JS不可变数据结构的需求。 无奈网络上完善的文档实在太少，所以自己写了一份，本篇文…
    React.js JavaScript Immutable.js
  • 五分钟 Styled-components 高级实用技巧
    回到2013年，React凭空出世。但是在那时，我们会想，oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX，我们又需要把HTML和JS耦合在一起？React 创造了 HTML in JS. 在React中，我们知道，一切即组件。那既然HTML能在…
    React.js CSS JavaScript
  • redux中的connect用法介绍及原理解析
    react-redux 提供了两个重要的对象， Provider 和 connect ，前者使 React 组件可被连接（connectable），后者把 React 组件和 Redux 的 store 真正连接起来。react-redux 的文档中，对 connect 的描述…
    React.js Redux Flux
  • 在React项目中，如何优雅的优化长列表
    对于较长的列表，比如1000个数组的数据结构，如果想要同时渲染这1000个数据，生成相应的1000个原生dom，我们知道原生的dom元素是很复杂的，如果长列表通过生成如此多的dom元素来实现，很可能使网页失去响应。 首先我们尝试在React项目中，未做任何优化一次性渲染1000…
    React.js