随笔分类 -  react

使用Websocket构建小型的IM通讯程序
摘要：目录 目录 使用PWA构建小型的IM通讯程序 简介 项目地址 界面预览 技术栈 服务端 支持的协议 前端 总结 使用PWA构建小型的IM通讯程序 简介 使用Websocket、MQTT 协议构建小型的IM通信程序，可用于物联网或及时通信等，通过PWA技术，安装到用户手机桌面，提高用户整体交互感。 项 阅读全文
posted @ 2024-11-13 13:28 半截肥皂 阅读(35) 评论(0) 推荐(0)
swiper + ts 类型报错
摘要：# swiper + ts 类型报错 "swiper": "^9.4.1" 版本号 - [原因](https://www.typescriptlang.org/docs/handbook/module-resolution.html) 修改 tsconfig.json 文件下面的 moduleRes 阅读全文
posted @ 2023-07-27 17:44 半截肥皂 阅读(326) 评论(0) 推荐(0)
react hooks 渲染性能
摘要：目录 目录 重复渲染 React.memo() 例子 React.useMemo 例子 React.useMemo 也可以绑定 jsx和tsx对象 React.useCallback() 例子 重复渲染 简介：在 react 中 props 和state改变时，子组件会重新渲染 React.memo 阅读全文
posted @ 2023-03-17 18:13 半截肥皂 阅读(51) 评论(0) 推荐(0)
react hooks + ts 封装组件
摘要：react hooks+ts组件封装 简介 在react使用ts封装组件，需要注意类型， 使用 forwardRef 方法包起来 子组件 import * as React from "react"; import "./style.scss"; interface IPopup { open(): 阅读全文
posted @ 2023-03-17 09:31 半截肥皂 阅读(273) 评论(0) 推荐(0)
react+eslint+prettier 项目配置
摘要：项目地址 https://gitee.com/zhudachangs/react-eslint-prettierrc-demo 项目地址gitee 项目配置eslint(验证) + prettierrc(配合vscode自动格式话代码) 一、创建一个项目 # 安装 react 脚手架 npm ins 阅读全文
posted @ 2022-12-23 18:22 半截肥皂 阅读(672) 评论(0) 推荐(0)
react 学习笔记
摘要：react 学习笔记 注意事项 React 组件名称必须以大写字母开头 React Hook 名称必须以“use”开头 关键技术点总结 Redux(如类可丝) 状态框架 hook 函数式组件 class 类组件 技能点hooks-intro 技能点hooks-intro class 组件 compo 阅读全文
posted @ 2022-02-21 11:20 半截肥皂 阅读(47) 评论(0) 推荐(0)