首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
小码农
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
IntersectionObserver 交叉检测
IntersectionObserver API 用于监听元素与父元素或视口的可视状态,检测其是否交叉及交叉比例等。本文分享一些该 API 在日常开发中的实际应用案例。
搭建 react + typescript + ant design 开发环境
9102 年了,前端工程化发展在 nodejs 的基础上已经发展的非常完善了,各种前端构建辅助工具层出不穷。ES6 编译器 babel,css 辅助工具 postcss / sass / less,代码风格检测工具 eslint / prettier / stylelint,g…
每日一学 react-router ?v4
在 react-router-dom 的官方教程中,一共给出12个示例,但是个人认为,着12个示例看着真的很累人,很多写法,不是标准的企业项目应用的写法,所以针对这个现状,我想用企业项目开发的要求,对教程中的每一个示例进行重写,这篇教程就是它的第一个示例——基本使用和介绍。 组…
200行代码实现简版react
现在(2018年)react在前端开发领域已经越来越🔥了,我自己也经常在项目中使用react,但是却总是好奇react的底层实现原理,多次尝试阅读react源代码都无法读下去,确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章,这里基于这些资料,并加入一些自…
React Hooks 详解 【近 1W 字】+ 项目实战
如果你在编写函数组件并意识到需要向其添加一些 state,以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述,如果不注意的话,很容易写成第三种写法,导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…
你真的了解 React 生命周期吗
该生命周期钩子的作用: 将父组件传递过来的 props 映射 到子组件的 state 上面,这样组件内部就不用再通过 this.props.xxx 获取属性值了,统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ,作为子组件自己的状…
技术胖的2019新版React全家桶免费视频(84集)
一共84集,从5月4日开始录制,到9月18日完成,5个月时间。如果是一个专业讲师,这进度你会说太慢了,但我的视频都是下班后录制的。今天是个不错的日子,也是我的生日(84年9月18日),标志着我正式进入35岁。在这个特殊的日子里,我献给大家我这将近半年的努力成果,希望更多的小伙伴…
如何对 React 函数式组件进行优化
本文只介绍函数式组件特有的性能优化方式,类组件和函数式组件都有的不介绍,比如 key 的使用。另外本文不详细的介绍 API 的使用,后面也许会写,其实想用好 hooks 还是蛮难的。 有过 React 函数式组件的实践,并且对 hooks 有过实践,对 useState、use…
2019年了,整理了N个实用案例帮你快速迁移到React Hooks
在React Conf 2018宣布React Hooks后,我第一时间开始尝试使用React Hooks,现在新项目基本不写Class组件了。对我来说,它确实让我的开发效率提高了很多,改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…
React + Typescript 工程化治理实践
最近参与了一个 React + Typescript 组件项目,这个项目后期会开源,对代码的质量和工程化上有比较高的要求,因此需要进行工程化治理。通过这次工程化治理,笔者算是梳理清楚了一个 React + Typescript 第三方组件所需要的一些工程化方面的基础设施,在这里…