首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
React
订阅
一棵树的歌
更多收藏集
微信扫码分享
微信
新浪微博
QQ
20篇文章 · 0订阅
「react进阶」一文吃透react-hooks原理
之前的两篇文章,分别介绍了react-hooks如何使用,以及自定义hooks设计模式及其实战,本篇文章主要从react-hooks起源,原理,源码角度,开始剖析react-hooks运行机制和内部原理,相信这篇文章过后,对于面试的时候那些hooks问题,也就迎刃而解了。实际r…
我在工作中写React,学到了什么?
我工作中的技术栈主要是 React + TypeScript,这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题,本文中使用的代码都是简化后的,不代表生产环境。生产环境的代码肯定比文中的例子要复杂很多,但是简化后的思想应该是相通的。 那么比如在路由发生…
10分钟教你手写8个常用的自定义hooks
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章,主要讲解实际项目中如何使用hooks以及一些最佳实践,不会一步步再介绍一遍react hooks的由来和基本使用,…
看完这篇,面试再也不怕被问 Webpack 热更新
Webpack热更新( Hot Module Replacement,简称 HMR,后续均以 HMR 替代),无需完全刷新整个页面的同时,更新所有类型的模块,是 Webpack 提供的最有用的功能之一。 HMR 作为一个 Webpack 内置的功能,可以通过 --hot 或者 …
React小技巧汇总
使用 React.js 一段时间了,把使用过程遇到的小坑和小技巧记录下来,希望能够帮助到其他人。此文章是长篇大论你只有耐得住寂寞,禁得住诱惑才会有所成长。 1. 父组件向子组件通信 2. 子组件向父组件通信 3. 跨级组件通信 4. 没有嵌套关系的组件通信 下面demo中点击父…
React全栈之Instagram开源视频教程
这个冬天特别的寒冷且慢长,终于可以静下心来,做一些开源工作。读了zhoushaw老师的 打造属于你自己的instagram! 全栈项目(react + egg.js)项目, 非常喜欢, 于是决定为此开源项目录制开源视频,以帮助一起学习的同学们,每小节亦列出了react+egg.…
React Hook + TS 购物车实战(性能优化、闭包陷阱、自定义hook)
本文涉及到的代码已经整理到 github 仓库中,用 cra 搭建了一个示例工程,关于性能优化的部分可以打开控制台查看重渲染的情况。 勾选、全选与反选。 根据选中项计算总价。 首先我们请求到购物车数据,这里并不是本文的重点,可以通过自定义请求 hook 实现,也可以通过普通的 …
React性能分析利器来了,妈妈再也不用担心我的React应用慢了
默认打开Profiler什么都没有,要点击录制按钮进行记录(跟chrome的performance挺像)。 看上去像一个柱状图,每一个柱子代表一次commit,他的颜色和高度对应执行时长,越高颜色越黄代表时间越长,反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…
React PureComponent 使用指南
React PureComponent 使用指南
setState异步、同步与进阶
在 React 日常的使用中,一个很重要的点就是,不要直接去修改 state。例如:this.state.count = 1是无法触发 React 去更新视图的。因为React的机制规定,一个state的更新,首先需要调用 setState 方法。 这样便能触发重新渲染。稍有经…