首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
Va007
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
「react进阶」一文吃透React高阶组件(HOC)
React高阶组件(HOC),对于很多react开发者来说并不陌生,它是灵活使用react组件的一种技巧,高阶组件本身不是组件,它是一个参数为组件,返回值也是一个组件的函数。高阶作用用于强化组件,复用逻辑,提升渲染性能等作用。高阶组件也并不是很难理解,其实接触过后还是蛮简单的,…
造一个 react-infinite-scroller 轮子
无限滚动是一个开发时经常遇到的问题,比如 ant-design 的 List 组件里就推荐使用 react-infinite-scroller 配合 List 组件一起使用。 假如我们想自己实现无限滚动,难免要去查 scroll 事件,还要搞清 offsetHeight, sc…
「react进阶」一文吃透react-hooks原理
之前的两篇文章,分别介绍了react-hooks如何使用,以及自定义hooks设计模式及其实战,本篇文章主要从react-hooks起源,原理,源码角度,开始剖析react-hooks运行机制和内部原理,相信这篇文章过后,对于面试的时候那些hooks问题,也就迎刃而解了。实际r…
[译]怎样学习React—从初级到高级路线图
这个指南是为初学React的朋友写的,在每个部分,我用心收集了最好的视频和文章,让我们学习起来更加容易。 Kent C. Dodds的Beginners guide to React React Router帮助你的单页面应用创建路由,它非常强大并且容易使用。 React的服务…
揭密React setState
setState(updater, callback)这个方法是用来告诉react组件数据有更新,有可能需要重新渲染。它是异步的,react通常会集齐一批需要更新的组件,然后一次性更新来保证渲染的性能,所以这就给我们埋了一个坑: 那就是在使用setState改变状态之后,立刻通…
你真的理解setState吗?
这两天自己简单的看了下 setState 的部分实现代码,在这边给到大家一个自己个人的见解,可能文字或图片较多,没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…
React拾遗:从10种现在流行的 CSS 解决方案谈谈我的最爱 (上)
不得不承认 Vue 的css解决方式非常自然简洁,相比之下 css 一直是 React 的痛。 从旧宠 css modules 到 JSS 的各种衍生,到新宠 styled-components。几十种的解决方式,上百篇的教程和比较,已经说明了一切。大家一直在寻找最好的最适合自…
基于react/vue的移动端终极适配方案(更新css-modules配置)
2018-4-16日更新css-modules配置,前面步骤不变,可直接跳到第七步。 移动端适配最接近完美的解决方案在react中的使用方式。本文只讲create-react-app创建的项目如何配置,具体每个插件的用途和使用方法请先查阅大漠先生的文章,我相信大漠先生的文章已经…
React Hooks 详解 【近 1W 字】+ 项目实战
如果你在编写函数组件并意识到需要向其添加一些 state,以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述,如果不注意的话,很容易写成第三种写法,导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…
手把手带你用85行代码实现一个React.js(详细讲解)
啥也不说,先来看看用我们85行的React.js直接替换别人写好的扫雷项目中的React.js,看看效果怎么样?哈哈,是不是正常运行了。 Attention:一定不要被下面辣么多的代码吓到,因为下面辣么多的代码只是每次在上一个commit的基础上添加几行而已,大部分都是重复,只…