raect

raect - 受控组件与非受控组件的选用标准

1.非受控组件表单数据交由dom节点管理，特点是表单数据在需要时进行获取，代码实现相对简单。functionApp(){constuserInput=useRef()functionhandleSubmit(){constusername=userInput.current.value}return()}2.受控组件表单数据交由state对象管理，特点是可以实时得到表单数据，代码相对复杂。clas

yanling.zhang·2023-12-01 15:39

【raect.js + hooks】useRef 搭配 Houdini 创造 useRipple

水波纹点击特效reallycool，实现水波纹的方案也有很多，笔者经常使用material组件，非常喜欢mui中的ripple，他家的ripple特效就是通过cssHoudini实现的。今天，我们将复刻一个ripple，并封装成hooks来使用！CSSHoudini首先，我们需要了解下CSSHoudini的相关知识：Houdini是一组底层API，它们公开了CSS引擎的各个部分，从而使开发人员能够

Evanpatchouli℃·2023-12-01 15:31

raect 路由懒加载lazyLoad lazy

1.引入importreact,{Component,lazy,Suspense}from'react'constHome=lazy(()=>{import'./home'})constAbout=lazy(()=>{import'./about'})importLoadfrom'./load'2.使用Suspense作用为Home或About组件没加载出来的时候页面呈现的画面，可以是组件，也可以

yee只鸟儿.·2023-11-10 12:30

用 raect 写一个等离子特效背景。

image.pngimport*asReactfrom'react';exportdefaultclassLoginBgCanvasextendsReact.Component{componentDidMount(){this.drawCanvas();}publicdrawCanvas=()=>{//tslint:disable-next-line:one-variable-per-declar

_claus·2023-09-17 06:07

build怎么调试 react_GitHub - bozhouyongqi/debug-react: 本地调试react源码环境

在学习raect源码时，如果能够在浏览器中单步调试，势必会加深理解。

weixin_39532019·2023-08-16 18:29

React项目中如何结合antd引入阿里图标（外联方式）

在Raect项目中，图标的使用不可避免，如何使用根据antd来使用阿里图标库？

GUOZHUOYUE.·2023-07-16 04:41

实现一个Node CLI

目前在市面上存在很多脚手架，如：create-raect-app、vue-cli。我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大的提高了开发效率。

alfalfaw·2023-03-17 17:54

React中render Props模式

而是利用Raect自身的编码特点，演化而来的固定编码写法。什么是renderProps模式1.把prop是一个函数并且要告诉组件要渲染什么内容的技术

南风晚来晚相识·2022-06-18 15:00

Raect Native

RaectNativeWindows环境搭建安装node版本管理工具https://github.com/coreybutler/nvm-windows/releases切换nvm下载源nvmnode_mirrorhttps://npm.taobao.org/mirrors/node/nvmnpm_mirror[]()nvmls//查看目前已经安装的版本nvminstalllatest64//安装

HughM·2021-03-25 09:41

raect-native学习(3)

react-native实现NavigatorBack回退(Android)直接上解决代码：我们会用到一个叫做BackAndroid的Component，见名知意，就不多说了。下面说到的Component都是指Navigator切换的路由Component。注意别忘了在import中添加BackAndroid。在Component的构造方法中，持有一个func的回退方法。construct

惟是少年时·2020-08-24 16:33

Raect Native之四组件的生命周期

什么是组件的生命周期？组件的生命周期有哪些方法，有什么作用？生命周期方法都在什么时候调用？先上图：getInitialState和getDefaultProps（ES6不在推荐再使用）组件的生命周期可分成三个状态：Mounting：已插入真实DOMUpdating：正在被重新渲染Unmounting：已移出真实DOM生命周期的方法有：componentWillMount在渲染前调用,在客户端也在服

jhonjson·2020-08-24 14:34

React 借助pubsub-js进行兄弟组件的传递值

1===》raect中两个兄弟组件互相通信使用的技术使用消息订阅（subscribe）和发布(publish)机制s儿伯sraibpʌblɪʃ有一个库可以处理PubSubJS它是第三方插件1)下载cnpminstallpubsub-js-S

weixin_30301183·2020-06-27 15:57

React之State

Raect组件的数据分为两种：prop和state。无论prop还是state的改变，都可能引发组件的重新渲染。状态state和属性props十分相似，但是状态是私有的，完全受控于当前组件。

我向你奔·2019-12-18 10:53

【教程】Pastate.js 响应式 raect 框架（三）数组渲染与操作

这是Pastate.js响应式reactstate管理框架系列教程的第三章，欢迎关注，持续更新。Pastate.jsGithub这一章我们来看看在pastate中如何渲染和处理state中的数组。渲染数组首先我们更新一下state的结构：constinitState={basicInfo:...,address:...,pets:[{id:'id01',name:'Kitty',age:2}]}我

伟小鹏·2019-11-30 21:33

React同构总结

同构也算是前端的一个应用模式，目的是为了加速首屏显示时间和seo优化，很多公司都将同构作为前端优化的一个优化点来做，同时Raect16版本中也添加了很多对同构的支持，可以看出FB也是默认支持这一场景使用的

Aus0049·2018-03-08 00:00

Facebook 颠覆式前端 UI 开发框架 —— React

来源：开源最前线猿妹前阵子Raect协议更改问题，在业内引起不小的风波，好在有惊无险，最终，FB还是让步了，放弃专利条款，React许可证改为标准的MIT。

零度源码·2017-11-26 00:00

推荐频道