随笔分类 -  React

1 2 3 4 5 ··· 7 下一页

React
让你 React 组件水平暴增的 5 个技巧
摘要:让你 React 组件水平暴增的 5 个技巧 神说要有光 ​ ​关注他 你经常看 TA 的内容 最近看了一些 Ant Design 的组件源码,学到一些很实用的技巧,这篇文章来分享一下。 首先,我们用 create-react-app 创建个 React 项目(选择 typescript 模版): 阅读全文

posted @ 2023-12-18 21:48 漫思 阅读(16) 评论(0) 推荐(0) 编辑

React 精简代码指南(译)
摘要:React 精简代码指南(译) 大家的林语冰 ​ bilibili@人猫神话 | 公众号@人猫神话 ​关注他 你经常看 TA 的内容 ​ 展开目录 大家好,这里是大家的林语冰。本期《前端翻译计划》共享的是使用最佳实践和已验证技术增强您的 React 开发。 免责声明本文属于是语冰的直男翻译了属于是, 阅读全文

posted @ 2023-12-18 21:42 漫思 阅读(48) 评论(0) 推荐(0) 编辑

react设置多个className
摘要:react设置多个className 在一个元素上设置样式,有一个固定的样式,然后还有一个使用三元运算符根据条件添加的样式。 1 2 3 4 5 6 比如说有一个固定样式"title": <div className="title">标题</div>, 然后还要一个点击高亮的样式: <div cla 阅读全文

posted @ 2023-12-11 19:53 漫思 阅读(476) 评论(0) 推荐(0) 编辑

React 整洁代码的 10 个最佳实践(译)
摘要:作者:大家的林语冰链接:https://www.zhihu.com/question/36516604/answer/3279585231来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 React 整洁代码的 10 个最佳实践(译)免责声明 本文属于是语冰的直男翻译了 阅读全文

posted @ 2023-12-02 21:33 漫思 阅读(30) 评论(0) 推荐(0) 编辑

前端进阶系列——理解 React Ref
摘要:前端进阶系列——理解 React Ref 秦书羽 杭州@朝夕光年 ​关注他 17 人赞同了该文章 Ref 是 Reference(引用) 的缩写。 一、前言 在 React 中通常遵循 “自上而下” 的 “单向数据流”。父组件和子组件的通讯只能通过 Props。如果要修改一个子组件,我们要修改 Pr 阅读全文

posted @ 2023-10-11 11:39 漫思 阅读(430) 评论(0) 推荐(0) 编辑

React Hooks之useRef详解
摘要:React Hooks之useRef详解 最新推荐文章于 2023-08-26 21:32:11 发布 RayShyy 于 2023-02-18 10:23:20 发布 2717 收藏 5 分类专栏: React 文章标签: react.js Hook Hooks useRef ref 版权声明:本 阅读全文

posted @ 2023-10-11 11:39 漫思 阅读(264) 评论(0) 推荐(0) 编辑

【React系列】React.memo() vs useMemo()
摘要:React.memo()与useMemo()之间有什么主要区别? 性能优化是一只web开发中的一个重要讨论点。对于react团队同样如此,为了实现加速组件的渲染速度,采用“备忘录”的方式。 所以这个时候就React.memo()和 useMemo 钩子 就为了解决这个问题产生了。 本文将比较和对比R 阅读全文

posted @ 2023-10-11 11:37 漫思 阅读(490) 评论(0) 推荐(0) 编辑

【React】React.memo与useMemo的区别和联系
摘要:概述 React.memo和useMemo都是React进行性能优化的手段,它们允许我们缓存需要进行高性能计算的结果,以便下次渲染页面时,返回缓存的值而不必重新计算函数,从而确保我们的应用程序运行的更快,避免不必要的开销。 React.memo 详解 为什么memo(memoization的简写)在 阅读全文

posted @ 2023-10-11 11:36 漫思 阅读(168) 评论(0) 推荐(0) 编辑

react + react-router + less +antd 开发环境
摘要:react + react-router + less +antd 开发环境 react + react-router + less +antd 开发环境搭建 1.基于create-reacte-app,需要先安装这个脚手架,然后初始化项目。2.进入项目目录,首先 npm run eject 释放配 阅读全文

posted @ 2023-09-26 20:58 漫思 阅读(8) 评论(0) 推荐(0) 编辑

React:我们的用法习惯可能是错误的(不优雅)
摘要:React:我们的用法习惯可能是错误的(不优雅) 今天学到了 2023-01-088,361阅读4分钟 在我们React的日常开发中一些常用的写法,看似运行的很好,实际可能并不优雅。学习React并不是如何如何使用它,而是如何写出优雅,干净的代码。下面举一些例子,总结了一些React开发中不好的写法 阅读全文

posted @ 2023-09-25 15:43 漫思 阅读(13) 评论(0) 推荐(0) 编辑

你还在用UseState,use-immer了解下?
摘要:你还在用UseState,use-immer了解下? zobor.zh ChatGPT:https://bproxy.cn/chat ​关注 1 人赞同了该文章 use-immer库是一个非常实用的JavaScript库,它可以帮助开发者更加方便地管理和更新JavaScript对象和数组。在本篇技术 阅读全文

posted @ 2023-09-25 15:42 漫思 阅读(273) 评论(0) 推荐(0) 编辑

use-immer
摘要:use-immer 0.9.0 • Public • Published 6 months ago Readme Code Beta 0 Dependencies 308 Dependents 26 Versions use-immer A hook to use immer as a React  阅读全文

posted @ 2023-09-25 15:40 漫思 阅读(91) 评论(0) 推荐(0) 编辑

immerjs:React开发必会技能
摘要:immerjs:React开发必会技能 龙骑士尹道长 ​关注 2 人赞同了该文章 我们都知道React追求的泛式是数据不可变,一般情况下state或者props改变才进入render阶段;如果我们创建的state是一个一般数据类型,他就是一个不可变的值,如果需要改变我们需要重新创建一个state去覆 阅读全文

posted @ 2023-09-25 15:40 漫思 阅读(66) 评论(0) 推荐(0) 编辑

react循环遍历useState的数组异步调取接口追加参数后修改原数组处理方案
摘要:react循环遍历useState的数组异步调取接口追加参数后修改原数组处理方案_usestate 数组_搬砖的前端的博客-CSDN博客 援引这里的文章 阅读全文

posted @ 2023-09-18 14:44 漫思 阅读(5) 评论(0) 推荐(0) 编辑

react循环调用useState同步处理方案
摘要:目录: 场景介绍 循环调用useState同步处理方案(添加数据) 1. 回调函数 useState(data) 改成:useState(data => 处理data) 2. 抽离函数外使用变量 3.循环调用usesate内,再调接口添加到原数据方案(添加数据+异步接口) 1. 可改造 setArr 阅读全文

posted @ 2023-09-17 22:47 漫思 阅读(167) 评论(0) 推荐(0) 编辑

为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、stylelint)
摘要:为react项目添加开发/提交规范(前端工程化、eslint、prettier、husky、commitlint、stylelint) 因历史遗留原因,接手的项目没有代码提醒/格式化,包括 eslint、pretttier,也没有 commit 提交校验,如 husky、commitlint、sty 阅读全文

posted @ 2023-09-12 10:23 漫思 阅读(72) 评论(0) 推荐(0) 编辑

react中常见hook的使用方式与区别
摘要:react中常见hook的使用方式与区别 1、什么是hook?react hook是react 16.8推出的方法,能够让函数式组件像类式组件一样拥有state、ref、生命周期等属性。 2、为什么要出现hook?函数式组件是全局当中一个普通函数,在非严格模式下this指向window,但是reac 阅读全文

posted @ 2023-09-12 10:23 漫思 阅读(319) 评论(0) 推荐(0) 编辑

超全面详细一条龙教程!从零搭建React项目全家桶(上篇)
摘要:超全面详细一条龙教程!从零搭建React项目全家桶(上篇) 兔子先生 ​关注他 101 人赞同了该文章 React是近几年来前端项目开发非常火的一个框架,其背景是Facebook团队的技术支持,市场占有率也很高。很多初学者纠结一开始是学react还是vue。个人觉得,有时间的话,最好两个都掌握一下。 阅读全文

posted @ 2023-09-11 11:48 漫思 阅读(144) 评论(0) 推荐(0) 编辑

从0到1搭建一个react项目
摘要:从0到1搭建一个react项目 react分享 高级前端工程师 ​关注他 首先新建一个文件夹, 然后用编辑器vscode打开这个文件夹 打开文件夹后执行npm init命令, 会提示你生成package.json文件 然后下载npm包, 下面贴下package.json { "name": "dem 阅读全文

posted @ 2023-09-11 11:47 漫思 阅读(55) 评论(0) 推荐(0) 编辑

immer 使用场景举例·
摘要:import { produce, enableES5 } from 'immer'; 1、 if (data) { this.setState( produce((draft) => { draft.dataArry.push(data); draft.loading = false; }), ) 阅读全文

posted @ 2023-08-07 15:15 漫思 阅读(8) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 7 下一页

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示