首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
鲨叔
掘友等级
前端工程师/架构
寂静
获得徽章 17
动态
文章
专栏
沸点
收藏集
关注
作品
赞
49
文章 45
沸点 4
赞
49
返回
|
搜索文章
鲨叔
前端工程师/架构
·
27天前
举报
deno.com
Jsr 即将打破一个旧世界,建立一个全新的世界。抛开外国友人的累积优势不谈,他们动不动就 build from scratch 的能力真的甩我们一线大厂几万条街啊
分享
评论
点赞
鲨叔
前端工程师/架构
·
29天前
举报
github.com
终于等到你 - pass ref as normal prop
赞过
分享
评论
1
鲨叔
关注了
洛霞同学
前端工程师/架构
鲨叔
关注了
美团技术团队
前端工程师/架构
鲨叔
前端工程师/架构
·
4月前
举报
自从 meta 的 LLaMa 模型开源后,国内公司言必称:“我们公司也有自己的大模型......”
赞过
分享
1
2
鲨叔
前端工程师/架构
·
4月前
举报
如果不经过训练,有谁能够在 10 分钟内去写出一个 medium 难度的 leetcode 算法题呢?
等人赞过
分享
评论
4
鲨叔
前端工程师/架构
·
5月前
举报
#1024一起掘金#
如果我写一本图解 react 原理的小册子,有谁会感兴趣啊?
等人赞过
分享
2
4
鲨叔
前端工程师/架构
·
5月前
关注
手把手教你实现 Promise/A+ 规范
什么是 Promise/A+ 规范? 这个问题可以拆解为三个子问题: 什么是 promise? 「Promise/A+」中的「A」是什么含义? Promise/A+」中的「...
5
评论
分享
鲨叔
前端工程师/架构
·
5月前
关注
一道深入 react 骨髓的面试题
最近在外网看到了一道面试题:「请准确说出下面这段代码在 react@18 中各个 log 语句的打印顺序」 面试官还会接着做进一步的提问,连番拷打候选人: 先简单说说你的解...
3
2
分享
鲨叔
前端工程师/架构
·
5月前
举报
听说谁能够准确说出下面的打印结果并且知道为什么,谁就是 react 大师级人物,match 阿里 P7 。大家不妨试一试。
========================================
import { useEffect } from "react";
import { createRoot } from "react-dom/client";
export const App = ({ name }) => {
console.log("log:", 5);
Promise.resolve().then(() => {
console.log("log:", 6);
});
useEffect(() => {
console.trace();
console.log("log:", 7);
});
return (
<div>
<h1>Hello {name}!</h1>
<p>Start editing to see some magic happen :)</p>
</div>
);
};
const root = createRoot(document.getElementById("root"));
console.log("log:", 2);
root.render(<App name="StackBlitz" />);
console.log("log:", 3);
Promise.resolve().then(() => {
console.log("log:", 4);
});
setTimeout(() => {
console.log("log:", 1);
}, 0);
展开
等人赞过
分享
5
4
鲨叔
前端工程师/架构
·
5月前
关注
2023 年,你是时候要掌握 react 的并发渲染了(4) - lane 模型(2)
lane 模型的用途 参与任务执行权的竞争 - getNextLanes() 这无疑是 lane 的第一个要讲的用途。无论是用户触发的更新请求还是 react 内部尝试去执...
2
1
分享
鲨叔
前端工程师/架构
·
5月前
举报
看了 Evan You 在 ViteConf 2023 上的演讲,vite 的内部实现看来要变天了。他们推出了 rolldown 项目 - 一个与 rollup api 兼容但是底层实现是用 rust 来编写的 bundler。在 Evan 的四步走规划里面,他还提出了一个「Rustify Vite」的理念。简单来解释这个理念就是「一切能用 rust 重构的东西(主要是指 plugin)都用 rust来实现」。这里「能用 rust 重构」的标准是什么?标准是「能对性能的提升有帮助」。
前有 turbopack,中有 rspack,后有 vite。用 rust 来重建前端基础设施的趋势正在发生,未来也会一直延续。Keep eyes on it!
展开
https://docs.google.com/presentation/d/1oZnjsPBnb3OB2HxU88vYkZLa54GV-xNKrF8XkOIqLAU/edit?pli=1
docs.google.com
赞过
分享
评论
2
鲨叔
前端工程师/架构
·
6月前
关注
2023 年,你是时候要掌握 react 的并发渲染了(4) - lane 模型(1)
聚焦 lane 优先级 回到 react 的源码中,它的优先级体系是由 lane 优先级来主导的。从上面的「事件优先级 -> lane 优先级」小节我们也知道,所谓的「事件...
6
11
分享
鲨叔
前端工程师/架构
·
6月前
举报
偶然看到这个沸点问怎么封装一个全局公共组件。那让鲨叔来说道说道吧。遵循以下几点就可以做到:
1. 全局组件挂载放在 react 应用的根组件上;
2. 与此同时,向全局组件传入一个「函数类型」的 ref 属性值(不要忘记,function component 是默认不接受 ref 属性的,所以记得用 `forwardRef()` 包裹一下),这个函数要实现的就是把全局组件回传给我们的 instance 挂载在 window 对象上。
3. 最后,作为配合,在全局组件内部中需要使用 `useImperativeHandle` 来将内部的想要暴露出去的方法暴露出去。
根据上面的步骤,我们可以封装出一个全局的公共组件。比如说,比较合适的使用场景是全局的 <GlobalLoading> 组件。假设现在我们的 ref 属性值是 `(instance)=> window._globalLoading_ = instance`,那么你在项目的任何地方就可以无需预先导入,直接以命令式的方式去使用<GlobalLoading> 组件,例如:`_globalLoading_.show()` 或者 `_globalLoading_.hide()`等等。
我是鲨叔,reactjs 资深用户。我写了一个关于一个专栏《All about React》。关注我,可以让你的 react 能力更上一层楼。
展开
等人赞过
分享
1
16
鲨叔
前端工程师/架构
·
6月前
举报
react 的生态真太娘的强大,啥东西都有,包括 web3。比如:
1. wagmi 是一个 React Hook 的集合,包含了你与以太坊交互所需的一切;
2. Web3-react:用于 React 应用的库,旨在使 DApp 的开发更加容易;
等人赞过
分享
3
7
鲨叔
前端工程师/架构
·
6月前
关注
2023 年,你是时候要掌握 react 的并发渲染了(3) - 优先级机制
三种优先级机制 并发渲染往往意味着同一个时间段(更严谨点说是 react 还在 render 阶段的时候)用户触发了多个更新请求,多个更新请求往往意味着多个界面更新任务的产...
7
2
分享
鲨叔
前端工程师/架构
·
6月前
举报
看完 Rich Harris 的 svelte 5 发布视频《Introducing Runes》后,我由衷地感谢 reactjs,因为它不需要我记住太多神奇的东西。Javascript is all.
赞过
分享
评论
1
鲨叔
前端工程师/架构
·
6月前
关注
2023 年,你是时候要掌握 react 的并发渲染了(2) - scheduler
什么是 scheduler? 我们这里所说的「scheduler」就是 react github 仓库中的 scheduler npm 包。翻看一下这个包的 README....
9
8
分享
鲨叔
前端工程师/架构
·
6月前
关注
2023 年,你是时候要掌握 react 的并发渲染了(1) - fiber 架构
并发渲染简史 在 JSConf Iceland 2018 大会上,Dan Abramov 首次提出了「time slicing」,惊艳了普罗大众。这是前端界首次把相对复杂的...
6
6
分享
下一页
个人成就
文章被点赞
1,129
文章被阅读
181,592
掘力值
6,443
关注了
21
关注者
2,684
收藏集
44
关注标签
19
加入于
2017-04-20