react
文章平均质量分 66
本专栏收录与react技术相关的文章,追踪最新技术前沿,把握时代动脉。
任磊abc
关注前端,热爱前端,追踪前端最前沿
展开
-
react防抖和节流hooks封装
react防抖和节流hooks封装以及注意事项原创 2024-07-25 17:14:51 · 1359 阅读 · 0 评论 -
Expo构建react-native运行爆出The emulator (Pixel_3a_API_34) quit before it finished opening解决办法
Expo构建react-native运行爆出The emulator (Pixel_3a_API_34) quit before it finished opening解决办法原创 2024-06-14 17:55:46 · 296 阅读 · 0 评论 -
react钩子函数总结汇总
通过在浏览器绘制之前同步执行适当的布局更改,你可以防止在使用 useEffect 并且在布局更改和渲染之间有延迟时可能出现的视觉故障。请记住,尽管useLayoutEffect钩子为我们提供了很多有用的东西,但在99%的情况下,你最好还是使用useEffect钩子,因为它由于其异步的性质,常常会有更高的性能。useEffect 的执行时机是在渲染函数执行完成,并在浏览器完成绘制之后,再异步执行,而 useLayoutEffect 会在 DOM 更新之后,浏览器绘制之前同步执行。原创 2024-04-02 17:32:02 · 394 阅读 · 0 评论 -
react18+ts如何生成二维码并且下载
在react开发中如果需要二维码,笔者选择使用qrcode.react来快速生成原创 2024-05-11 12:02:17 · 590 阅读 · 0 评论 -
React 18中hook函数详解之useState和useEffect
React 18中hook函数详解之useState和useEffect原创 2024-03-26 18:22:51 · 1795 阅读 · 0 评论 -
nextjs13如何进行服务端渲染?
nextjs13服务端数据渲染页面不变化,nextjs13如何进行服务端渲染?原创 2024-02-29 18:14:42 · 1481 阅读 · 0 评论 -
nextjs13配置多个环境,打包不同的环境变量
一开始我看到文档说NODE_ENV === development环境,加载的是.env.development,同理 production 加载的是.env.production,那么我只要设置NODE_ENV在不同环境下是不同的值即可原创 2024-01-05 17:59:25 · 3279 阅读 · 0 评论 -
在next13当中使用centrifuge5.0.1进行websocket请求
在next项目当中,可以在客户端组件当中使用centrifuge,进行websocket请求。原创 2023-12-27 10:17:17 · 1027 阅读 · 0 评论 -
nextjs项目修改启动端口号,以及开发启动后自动打开浏览器
nextjs项目修改启动端口号,以及开发启动后自动打开浏览器原创 2023-10-13 09:43:31 · 1998 阅读 · 0 评论 -
nextjs构建服务端渲染,同时使用Material UI进行项目配置
nextjs构建服务端渲染,同时使用Material UI进行项目配置原创 2023-10-12 19:00:04 · 1798 阅读 · 0 评论 -
React/Vue实现路由鉴权/导航守卫/路由拦截
React/Vue实现路由鉴权/导航守卫/路由拦截原创 2023-07-12 15:39:39 · 1379 阅读 · 1 评论 -
在create-react-app项目下,使用eslinit和prettier美化代码
虽然官方脚手架create-react-app当中默认提供了eslint,但是由于官方的配置不是很充分,导致了在是进行代码优化方面不是很理想。但是,我们可以自行配置达到写出高质量代码的目的。ESlint 不是自带格式化吗?为什么还要用 Prettier。A: ESlint的重心在代码质量,Prettier只关心代码格式。Q: Editorconfig 又起了什么作用?A: EditorConfig可以帮助开发者在不同的编辑器和IDE之间定义和维护一致的代码风格。介绍...原创 2020-06-26 17:02:13 · 1606 阅读 · 1 评论 -
在react项目中,使用craco插件进行mobx配置解决方案
在使用react项目中,不可避免的要使用蚂蚁金服出品的ant-desgin前端UI组件,ant-desgin推荐使用craco(一个对 create-react-app 进行自定义配置的社区解决方案),对 create-react-app 的默认配置进行自定义。如果我们在项目中使用mobx进行数据状态管理,必然要对项目进行配置。因为mobx中大量使用了ES.net的装饰语法,但是装饰语法器语法目前还处于试验阶段,create-react-app默认是支持的。之前ant-desginUI组件推荐使..原创 2020-05-30 16:26:21 · 2689 阅读 · 0 评论 -
在creact-react-app当中使用craco插件,配置生产环境取消console解决办法
选择react框架进行前端开发,基本上都会用的creat-react-app这个官方提供的脚手架。但是这个脚手架有个很大的弊端,不能直接对该脚手架的默认项进行配置。相比于vue最新的脚手架@vue/cli而言,@vue/cli虽然也对webpack的配置进行了全面的封装,但是官方允许用户创建在项目根目录创建一个vue.config.js,并且提供了丰富的API,供用户去参考。从这一点而言,creat-react-app可以说是让人讨厌至极,根本无法和@vue/cli,相提并论。如果用户想配置creat.原创 2020-05-22 15:57:09 · 11133 阅读 · 1 评论 -
三分钟实现一个react-router-dom5.0的路由拦截(导航守卫)
不同于vue,通过在路由里设置meta元字符实现路由拦截。在使用 Vue ,框架提供了路由守卫功能,用来在进入某个路有前进行一些校验工作,如果校验失败,就跳转到 404 或者登陆页面,比如 Vue 中的beforeEnter函数:...router.beforeEach(async(to, from, next) => { const toPath = to.path; const fromPath = from.path;})...react实现路由拦截的基本思路..原创 2020-05-21 13:45:20 · 4295 阅读 · 5 评论 -
react在不弹出eject的情况下配置sass和antd
天气越来越热,公司的业务也慢慢放缓,这时候就有空暇时间为自己充点电了,然后就把目标放在了react上,公司的前端技术框架用的是vue。对react早就如雷贯耳,然后自己看了文档就劈里啪啦开始搞。在用create-react-app脚手架搭建项目的时候遇到一些配置上的小坑,所以在这里笔记一下。配置sass从react-scripts 2.0.0开始就支持直接配置sass了,安装个node-sass依赖即可npm install node-sass --save-dev复制代码这时问题来了,公共s.转载 2020-05-20 10:55:47 · 1242 阅读 · 2 评论