首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
react
订阅
玉
更多收藏集
微信扫码分享
微信
新浪微博
QQ
13篇文章 · 0订阅
Vue 项目加载 React 组件 和 React 项目加载 Vue 组件
虽然现在 Vue 的生态非常繁荣,但是总有各种各样的原因找不到合适的开源库使用,而全自研的话成本又很大,换技术栈肯定是换不了的,那么就只能做一些骚操作了,比如在 Vue 的项目中使 React组件?
尝试在 react 项目中使用 vue2 组件且实现数据交互
本文介绍了如何在 react 项目中使用 vue2 组件的两种方案。 分别是 cdn 方案和 sfc 单文件组件方案。两种方案各有优劣,更推荐使用sfc方案 。
🎉我点了页面上的元素,VSCode 乖乖打开了对应的组件?原理揭秘。
在大型项目开发中,经常会遇到这样一个场景,QA 丢给你一个出问题的链接,但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…
大前端性能总结
使用defer延迟脚本执行:使用defer,该脚本会被推迟到整个HTML文档解析完后,再开始执行。被defer的脚本,在执行时会严格按照在HTML文档中出现的顺序执行。使用defer方法,可以提早脚本资源加载 使用async异步加载脚本:该脚本不会阻塞HTML parser,也…
2020 年 React 状态管理
React hooks 的引入无疑改变的了 state 管理的现状。 在此之前,很难在组件之间共享 state 相关的逻辑。现在,我们可以很简单的通过抽象一个 hook 来处理(例如:useUserLogin)。 这就引出了问题,为什么我们还需要状态管理框架?在这篇文章中,我将…
React v16.3 版本新生命周期函数浅析及升级方案
一个月前,React 官方正式发布了 v16.3 版本。在这次的更新中,除了前段时间被热烈讨论的新 Context API 之外,新引入的两个生命周期函数 getDerivedStateFromProps,getSnapshotBeforeUpdate 以及在未来 v17.0 …
关于Vue和React的一些对比及个人思考(上)
Vue和React都是目前最流行、生态最好的前端框架之一。框架本身没有优劣之分,只有适用之别,选择符合自身业务场景、团队基础的技术才是我们最主要的目的。 博主1年前用的是Vue框架,近半年转技术栈到React框架,对于Vue和React都有一些基本的了解。接下来博主将与大家一起…
掘金最污的 React16.x 图文视频教程(2万5千字长文-慎入)
这是一门免费课程,写文章和录制视频这个我花了1个半月时间,如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识,React版本是16x,也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程,可能大部分都会在Re…
利用React 16.6新特性优化应用性能
利用懒加载(Lazy Loading)优化页面性能不是什么新概念,不过React 16.6可以使用React.lazy与Suspense让原生React实现Lazy Loading大大的简化。 动态导入目前只是TC39的一个提案,不是JS(ES)标准的一部分。该功能可以动态化加…
10分钟教你手写8个常用的自定义hooks
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。本文是一篇以实战为主的文章,主要讲解实际项目中如何使用hooks以及一些最佳实践,不会一步步再介绍一遍react hooks的由来和基本使用,…