首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
react
相关资讯
热门
最新
百科问答
01-01 08:00
百科问答
reactjs(reactJS入门)
简介ReactJS,又称 React,是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发并维护。它遵循组件化、声明式的编程范式,以其高效、灵活和可维护性而闻名。随着 ReactJS 的不断发展,它已成为前端开发中炙手可热的技术,为广大开发者提供了构建复杂、交互式和高性能
2
代码人生
01-01 08:00
代码人生
React Server Component: 混合式渲染
React Server Component: 混合式渲染,作者:谢奇璇React官方对ServerComopnent是这样介绍的:zero-bundle-sizeReactServerComponents。这是一种实验性探索,但相信该探索是个未来React发展的方向,与ReactServerComponent相关的周边生态正在积极的建设当中。术语介绍在ReactServerComponent(以
56
代码人生
01-01 08:00
代码人生
React Query 中的状态检查
React Query 中的状态检查,本文翻译自TkDodo的StatusChecksinReactQueryReactQuery的一个优势是可以简单获取query的状态,你可以立即知道query是在loading或者它出错了,为此,该库暴露出来了一连串的boolean标识,其中大部分都来自于内部的状态机,查看这些类型,你的查询状态可以是以下之一success:你的query是成功的,并且你拥有数
57
代码人生
01-01 08:00
代码人生
ReactNative支付密码输入框
ReactNative支付密码输入框,项目中需求如果涉及钱包,支付等功能,可以大概率会用到输入密码组件,也算是个常见组件吧。之前写过一个纯js的开源组件,使用的类的形式,也比较老了,可直接添加npm库到项目中进行使用。最近项目需要,又重新写了一个hooks版本的,现在直接上源码,对于不想添加依赖库的伙伴,可直接复制源码到项目中,直接使用。'usestrict';importReact,{useRe
62
代码人生
01-01 08:00
代码人生
React08-生命周期函数(重点)
React08-生命周期函数(重点),一、生命周期介绍生命周期指的就是组件从创建到销毁的过程。不管是Vue还是React都给我们提供了很多钩子函数。在不同阶段系统会执行某些函数。如果你需要在指定的过程执行你想要的代码,用到生命周期钩子函数。react的生命周期主要分为三个阶段组件的挂载阶段:组件数据初始化,以及组件里数据渲染组件运行阶段:这个整个生命周期最长的阶段,数据更新页面更新的过程组件卸载阶
59
代码人生
01-01 08:00
代码人生
React性能优化(二):将可变部分与不变部分分离
React性能优化(二):将可变部分与不变部分分离,前言大家好,我是疯狂的小波。在上一节#一文看懂React优化原理及方案中,我们介绍了为什么要做性能优化,React的更新渲染机制,以及根据这个机制找到的3个性能优化方案。这一节,我们就来看看第一种优化方案:将可变部分与不变部分分离先简单来说下,什么是可变部分。在React中,只要组件的state数据有变更,当前组件就会重新渲染。state数据有3
66
代码人生
01-01 08:00
代码人生
react hooks 万字总结,带你夯实基础
react hooks 万字总结,带你夯实基础,reacthooks万字总结,带你夯实基础前言自己在掘金上看了也看了很多关于hooks的文章,感觉都讲得不是很详细。而且也有很多的水文。最近自己打算重学react,系统性的再把hooks给学习一遍。Hooksiswhat?react-hooks是react16.8以后,react新增的钩子API,它可以让你在不编写class的情况下使用state以及
79
代码人生
01-01 08:00
代码人生
react项目搭建(不使用脚手架)
react项目搭建(不使用脚手架),技术选型UI构建语言:ReactV17.0.2CSS:Less展示组件库:AntDesign状态管理:Mobx+MobxStateTree(MST)路由管理:ReactRouter脚手架:不使用脚手架Http通讯工具:Axios打包工具:Webpack5组件管理工具:Bit.dev包管理工具:Yarn运行环境:NodeJSV14+微前端方案:Webpack模块联
83
代码人生
01-01 08:00
代码人生
react源码分析:实现react时间分片
react源码分析:实现react时间分片,我们常说的调度,可以分为两大模块,时间分片和优先级调度时间分片的异步渲染是优先级调度实现的前提优先级调度在异步渲染的基础上引入优先级机制控制任务的打断、替换。本节将从时间分片的实现剖析react的异步渲染原理,阅读本文你讲可以了解时间分片是什么为什么需要时间分片时间分片在react中是如何运行的时间分片的极简实现什么是时间分片上文提到过,时间分片其实就是
74
代码人生
01-01 08:00
代码人生
react源码分析:深度理解React.Context
react源码分析:深度理解React.Context,开篇在React中提供了一种「数据管理」机制:React.context,大家可能对它比较陌生,日常开发直接使用它的场景也并不多。但提起react-redux通过Provider将store中的全局状态在顶层组件向下传递,大家都不陌生,它就是基于React所提供的context特性实现。本文,将从概念、使用,再到原理分析,来理解Context
70
«
1
2
3
4
5
6
7
8
...
35
36
»