SF
一看就懂一学就会的前端技术
一看就懂一学就会的前端技术
注册登录
关注博客
注册登录
主页
关于
RSS
React高阶用法之Render Props
zach5078
2020-08-27
阅读 5 分钟
6.6k
最近会陆续分享我在使用React的过程总结的一些比较高阶的使用方法,这些方法可以提升代码的可复用性,也让代码看起来更加简洁明晰。今天要讲的是Render Props,很多人可能都知道react的这个特性,但在实际项目中不知道如何用起来。刚好这两天的一个项目中用到了它,所以借机分享一下。
30分钟精通十种React组件之间通信的方法
zach5078
2020-08-11
阅读 10 分钟
16.2k
这两天被临时抽调到别的项目组去做一个小项目的迭代。这个项目前端是用React,只是个小型项目所以并没有使用Redux等状态管理的库。刚好遇到了一个小问题:两个不太相关的组件到底该怎么进行通信。我觉得这个问题还挺有趣的,所以把我的思考过程写下来,大家也可以一起讨论讨论。
30分钟精通React今年最劲爆的新特性——React Hooks
zach5078
2018-11-08
阅读 11 分钟
21k
你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗? ——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。
【React进阶系列】从零开始手把手教你实现一个Virtual DOM(三)
zach5078
2018-04-28
阅读 5 分钟
6.1k
上集我们实现了首次渲染从JSX=>Hyperscript=>VDOM=>DOM的过程,今天我们来看一下当数据变动的时候怎么更新DOM,也就是下图的右半边部分。
【React进阶系列】从零开始手把手教你实现一个Virtual DOM(二)
zach5078
2018-04-26
阅读 4 分钟
7.8k
从零开始手把手教你实现一个Virtual DOM(一)上一集我们介绍了什么是VDOM,为什么要用VDOM,以及我们要怎样来实现一个VDOM。我们再来看一下这张蓝图,今天我们要实现的是这张图的左半部分。
【React进阶系列】从零开始手把手教你实现一个Virtual DOM(一)
zach5078
2018-04-24
阅读 2 分钟
7.1k
假如你的项目使用了React,你知道怎么做性能优化吗?你知道为什么React让你写shouldComponentUpdate或者React.PureComponent吗?你知道为什么React让你写Immutable Data Structures吗?你知道为什么React让你在渲染列表时,一定要给每个子项加一个key吗?你知道为什么React让你在条件渲染时,不写if而写&&操作符...
React 最佳实践——那些 React 没告诉你但很重要的事
zach5078
2016-04-26
阅读 7 分钟
56k
前言:对很多 react 新手来说,网上能找到的资源大都是些简单的 tutorial ,它们能教会你如何使用 react ,但并不会告诉你怎么在实际项目中优雅的组织和编写 react 代码。用谷歌搜中文“ React 最佳实践”发现前两页几乎全都是同一篇国外文章的译文...所以我总结了下自己过去那个项目使用 React 踩过的一些坑,也整理了一...