React - 好代码

你知道怎么基于 React 封装一个组件吗

前言很多小伙伴在第一次尝试封装组件时会和我一样碰到许多问题，比如人家的组件会有 color 属性，我们在使用组件时传入组件文档中说明的属性值如 primary...

Tags： React , 封装 , 组件 ,

04-16
React如何实现动效弹窗组件

我们在写一些 UI 组件时，若不考虑动效，就很容易实现，主要就是有无的切换（类似于 Vue 中的 v-if 属性）或者可见性的切换（类似于 Vue 中的 v-s...

Tags： React , 弹窗 , 组件 ,

04-16
React RenderProps模式超详细讲解

render prop是一个技术概念。它指的是使用值为function类型的prop来实现React component之间的代码共享。如果一个组件有一个re...

Tags： React , RenderProps ,

04-16
React基于路由的代码分割技术详解

代码分割 app js import { add } from math js ; console log(add(16, 26)); 42大多...

Tags： React , 路由 , 代码分割 ,

04-16
react国际化react-intl的如何使用

react怎么实现国际化？react-intl插件提供了一套实现react国际化的方法，具体实现如下~~ 一搭建react环境和下载相应插件默认你已经安装了...

Tags： react , 国际化 ,

04-16
react常见的ts类型实践解析

正文ts在中在react用处很是很广泛，本文是一篇关于在react中常用的类型总结，希望能带来一些思考和帮助。一个函数组件 import React from...

Tags： react , ts , 类型 ,

04-16
基于React.javascript如何实现简单的文字跑马灯效果

刚好手上有一个要实现文字跑马灯的react项目，然后ant-design上面没有这个组件，于是只能自己手撸一个。我想到的最简单的方法，就是定位啦，定时移动这个...

Tags： React , 文字 , 跑马灯 ,

04-16
React实时预览react-live源码解析

引言 react-live 是一个 react 的实时编辑器，可直接编辑 react 代码，并实时预览。可以看下官方的预览图：本文针对的源码版本 src ├──...

Tags： React , react-live , 实时预览 ,

04-16
React18新增特性released的如何使用

React 18 中的新增功能新功能：Automatic Batching 批处理是指 React 将多个状态更新分组到单个重新呈现中以获得更好的性能。在没有...

Tags： React18 , released ,

04-16
一文详解手动如何实现Recoil状态管理基本原理

前言目前，前端流行的状态管理有很多，Redux、Mobx、Mobx-lite、Recoil、jotai、xstate等等，根据多年开发经验，没有所谓的最好，重...

Tags： Recoil , 实现原理 , 状态管理 ,

04-16
React如何优雅的捕获异常

前言人无完人，所以代码总会出错，出错并不可怕，关键是怎么处理。我就想问问大家react的应用的错误怎么捕捉呢？这个时候：小白+++：怎么处理？小白++： E...

Tags： React , 捕获异常 ,

04-15
React 中的重新渲染类组件及函数组件

缘起 React 重新渲染，指的是在类函数中，会重新执行 render 函数，类似 Flutter 中的 build 函数，函数组件中，会重新执行这个函数 Re...

Tags： React , 重新渲染 , 组件 ,

04-15
React如何实现antdM的级联菜单实例

效果图需求分析级联菜单分为两部分：head与body。 body 包含两部分：已选项列表，候选菜单已选项列表 body展示当前菜单的所有option，可上下...

Tags： React , antdM , 级联菜单 ,

04-15
React Fragment介绍与如何使用详解

前言在向 DOM 树批量添加元素时，一个好的实践是创建一个document createDocumentFragment，先将元素批量添加到 DocumentF...

Tags： React , Fragment ,

04-15
React中useState和useEffect的用法详解

之前在不讨论 React Hooks 和组件生命周期的基础上介绍了函数组件和类组件的差别,现在介绍一个为函数组件而生的知识点，即：React Hooks。Hoo...

Tags： React , useState , useEffect ,

04-15
React如何实现基于Antd密码强度校验组件示例详解

引言最近在开发 Nest 和 Umi 技术栈的个人项目，在用户管理模块需要用到一个密码强度校验组件，在网上寻找一方资料，没有找到自己想要的，特此自己造轮子！效...

Tags： React , Antd , 密码 , 强度校验 ,

04-15
React state状态属性用法讲解

类组件中的state setState的用法 React项目中UI改变来源于state的改变，类组件中setState是更新组件，渲染视图的主要方式基本用法 ...

Tags： React , state , 状态 ,

04-15
简单介绍react redux的中间件的如何使用

用过react的同学都知道在redux的存在，redux就是一种前端用来存储数据的仓库，并对改仓库进行增删改查操作的一种框架，它不仅仅适用于react，也使用于...

Tags： redux , 中间件 ,

04-15
React 如何实现具备吸顶和吸底功能组件实例

背景现在手机应用经常有这样一个场景：页面上有一个导航，导航位置在页面中间位置，当页面顶部滚动到导航位置时，导航自动吸顶，页面继续往下滚动时，它就一直在页面视窗...

Tags： React , 吸顶 , 吸底 , 功能 ,

04-15
React中的生命周期和子组件

组件生命周期为了说明组件的创建，存在，销毁的过程，react提供了组件的生命周期，共分三大周期：创建期：说明组件的创建的过程，相当于人的少年存在期：说明组件...

Tags： React , 生命 , 周期 , 子组件 ,

04-14

上一页 1 2 3 4 5 6 7 8 9 10 下一页

React最新文章