react/typescript小结

最新推荐文章于 2024-07-22 00:07:09 发布
最新推荐文章于 2024-07-22 00:07:09 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： 前端 react typeScript 文章标签： react.js typescript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44742090/article/details/131525617
版权
前端 同时被 3 个专栏收录
22 篇文章 1 订阅
订阅专栏
typeScript
5 篇文章 0 订阅
订阅专栏
react
3 篇文章 0 订阅
订阅专栏
本文详细分析了TypeScript的可选链操作符的工作原理，探讨了在React应用中如何利用useEffect进行高效的状态管理和副作用处理，以及如何通过useMemo和useCallback来避免不必要的重渲染，提升应用性能。文章提供了具体的优化技巧和实战案例。
摘要由CSDN通过智能技术生成
AGG_Chan
关注
专栏目录
React & Typescript：组件的入门实例
iamxuqianqian的博客
04-30 329
React 组件的演化 组件复用方式 优势 劣势 状态 类组件（Class） 发展时间长，接受度广泛 只能继承父类 作为一种传统开发模式，会长期存在 Mixin 可以复制任意对象的任意多个方法，实现组件间的复用 组件间相互依赖、耦合，可能产生冲突，不利于维护 被官方抛弃 高阶组件（HOC） 利用装饰器模式，在不改变组件的基础上，动态地为其添加新的能力 嵌套过多调试困难，需要遵循某些约定（不改变原始组件，透传 props 等） 能力强大，广泛引用 Hooks 替代类组件，多个 Ho
React Redux + Typescript 代码以及文件架构解析 - CSDN博客
RickMu的博客
02-04 1824
React-Redux+Typescript, 解析 文件，代码结构前言用词概述文件结构例子： 网购平台数据模型-位置组件-位置Redux小结代码结构（干货）：ReduxAction & Action TypesReducersDispatcherSelector功能（Cart)ContainerView小结链接 前言 这是一篇实用性的文章， 是给react-redux已入门的读者 （推荐...
深入学习MobX6，使用React平台typeScript语言写MobX6的编码规范
m0_47670683的博客
05-02 1496
开篇 MobX是一款身经百战的状态管理库，它比Redux性能更优秀、功能更强大、使用更灵活、代码量更少！但使用率却不如Redux，我觉得有很大一部分原因是过于灵活，即完成一件事可以有多种方式。这使得不同人编写的MobX风格差异极大！也使得版本升级历史包袱重！MobX6与之前版本有不少差异！ 最近我把官方文档从头到尾过了一遍，感觉MobX官方文档真的非常不错，里面有很多状态管理的知识值得细细咀嚼，强烈建议有时间的话还是要亲自啃一遍官方文档。 此外官方文档里的内容是真的多，啃起来很费功夫。在学习官方文档过程中越
TypeScript 小结
小楠的博客
08-30 2355
TypeScript 小结
浅谈 React 和 TypeScript 开发中的泛型实践
p1967914901的博客
10-29 1932
泛型是TypeScript中的一个重要部分：它们看起来很奇怪，它们的目的不明显，而且它们可能很难分析。本文旨在帮助你理解和揭开TypeScript泛型的神秘面纱，特别是它们在React中的应用。
13_前端工程化_ES6
m0_52474839的博客
06-06 1017
前端工程化是使用软件工程的方法来单独解决前端的开发流程中的问题,其主要目的为了提高效率和降低成本。前后端分离（前端代码工程化独立出来形成一个单独的app）1.开发分离2.部署分离3.服务器分离本次技术栈。
TypeScript小结
z609373067的博客
08-04 859
TypeScript简单介绍 使用感受 ts的学习路线并不是和友好。 适用场景 因其比js严格,所以可以用来取写库,更严谨 写大型项目,后期利于维护 熟悉一门纯面向对象语言如 java,c++上手容易 团队合作较好 ts是什么 ts是微软推出的一个静态类型检查的弱类型语言 ,是javascript的超集，是可编译的,最终还是会被编译为js代码,其中有严格的类型定义,接口使用和面向对...
react fabricjs 使用小结 （含demo）
weitao_11的博客
09-26 2526
fabricjs 的使用和部分踩坑记录，禁用右键默认，画框，画图，画字，画线，滚轮放大缩小
React TypeScript Node 全栈开发（三）
最新发布
龙哥盟
07-22 612
原文：zh.annas-archive.org/md5/F7C7A095AD12AA62E0C9F5A1E1F6F281 译者：飞龙 协议：CC BY-NC-SA 4.0 第七章：学习 Redux 和 React Router 在本章中，我们将学习 Redux 和 React Router。Redux 仍然是管理 React 应用程序中共享的全局状态的最常见方法。使用 Redux 全局状态，我们可以减少大量样板代码并简化应用程序。React Router 也是管理客户端 URL 路由的最流行框架。客户端
vue-cli3+typescript初体验小结
01-19
后来换工作，现实把脸都打肿了，没做过vue、react、angular？不要！ 今天，不能犯这个错了，毕竟时不我与，都快奔三了。 vue-cli3 vue-cli3的详细功能推荐官方文档，不在本文介绍范围内。 安装： npm install -g ...
Node.js项目TypeScript改造指南
Q_2625289483的博客
12-10 2746
前言 如果你有一个 Node.js 项目，并想使用 TypeScript 进行改造，那本文对你或许会有帮助。 TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 由于篇...
【TypeScript】TypeScript 与 JavaScript 有何不同？
吉帅振博客
08-04 417
TypeScript 其实就是类型化的 JavaScript，它不仅支持 JavaScript 的所有特性，还在 JavaScript 的基础上添加了静态类型注解扩展。从某种意义上来说，TypeScript 其实就是 JavaScript 的超集。在 TypeScript 中，我们不仅可以轻易复用 JavaScript 的代码、最新特性，还能使用可选的静态类型进行检查报错，使得编写的代码更健壮、更易于维护。......
JS中Map的遍历
热门推荐
qq_44742090的博客
03-28 1万+
1.forEach遍历 const map = new Map([['key1','v1'],['key2','v2'],['key3','v3']]); console.log(map); map.forEach((val,key) => { console.log(val,key); }) /** v1 key1 v2 key2 v3 key3 */ 先输出value，再输出key for…of… for(let i of map) { console.log(i); } /** [
细谈text-align: center
qq_44742090的博客
11-26 1万+
text-align: center的几个用处 1.概括 CSS参考手册上关于text-align:center的说明是text-align 属性规定元素中的文本的水平对齐方式。 该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。 ...
JS数组常用的方法shift,unshift,splice,split,slice
qq_44742090的博客
08-11 8605
JS数组常用的方法 1.push push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 2.pop pop() 方法用于删除并返回数组的最后一个元素。 3.shift shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。 4.unshift unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。 5.sort sort() 方法用于对数组的元素进行排序。 6.revere reverse() 方法用于颠倒数组中元素的顺序。 1到6代码演示
CSS让元素置于容器底部
qq_44742090的博客
10-06 7902
CSS让元素置于容器底部 回顾 之前回顾已经描述了如何让 CSS在不影响总体布局情况下让元素自由缩小 效果如图所示 此时代码如下 <body> <div class="box1">box1box1</div> <div class="box_0"> <!--class = "box_0的外层盒子"--> <div class="box2">box2box2</div>
React hooks之useCallback的使用与性能分析
qq_44742090的博客
07-03 7374
React hooks之useCallback的使用与性能分析
前端截取视频第一帧作为封面
qq_44742090的博客
01-30 7102
概述 1.做项目的时候突然想截取视频第一帧，作为视频的封面，然后搜了很多博客都发现得到空白的图片，最后得到了解决。 2.方法：通过创建canvas标签，利用其drawImage() 方法在画布上绘制该视频，然后运用toDataURL方法转换canvas上的图片为base64格式，并将base64格式的图片作为video标签的poster属性。 3.浏览器：chrome 代码关键 video.currentTime = 1 currentTime 属性设置或返回视频播放的当前位置（以秒计）。当设置该属性时
双飞燕布局、圣杯布局、flex布局实现三列布局（两边固定中间自适应）
qq_44742090的博客
02-28 3354
1.圣杯布局 主要：浮动 + margin-left + 相对定位 写一个大容器container,里面包含了middle,left和right,middle放在前面 container下面的三个容器浮动，且写上高度200px 给middle宽度写上100%，此时left和right被挤到第二行，给left,right设置宽度200px 给left的margin-left设置为-100%，此时left回到第一行左边,right回到第二行左边 给right的margin-right设置-200px，此时ri
构建外卖商城与后台管理系统：Vue/Vant/Typescript与React/Antd/Typescript实践
同时，该项目还包含了使用React.js框架，结合Ant Design组件库和Typescript语言开发的后台管理系统。此外，后台服务端采用了Node.js平台，使用Koa2作为服务器框架，并通过mongoose与MongoDB数据库交互，使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值