获得徽章 17
deno.com
Jsr 即将打破一个旧世界,建立一个全新的世界。抛开外国友人的累积优势不谈,他们动不动就 build from scratch 的能力真的甩我们一线大厂几万条街啊
评论
github.com
终于等到你 - pass ref as normal prop
评论
前端工程师/架构
前端工程师/架构
自从 meta 的 LLaMa 模型开源后,国内公司言必称:“我们公司也有自己的大模型......”
1
如果不经过训练,有谁能够在 10 分钟内去写出一个 medium 难度的 leetcode 算法题呢?
评论
#1024一起掘金# 如果我写一本图解 react 原理的小册子,有谁会感兴趣啊?
2
听说谁能够准确说出下面的打印结果并且知道为什么,谁就是 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
看了 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!
展开
评论
偶然看到这个沸点问怎么封装一个全局公共组件。那让鲨叔来说道说道吧。遵循以下几点就可以做到:
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
react 的生态真太娘的强大,啥东西都有,包括 web3。比如:
1. wagmi 是一个 React Hook 的集合,包含了你与以太坊交互所需的一切;
2. Web3-react:用于 React 应用的库,旨在使 DApp 的开发更加容易;
3
看完 Rich Harris 的 svelte 5 发布视频《Introducing Runes》后,我由衷地感谢 reactjs,因为它不需要我记住太多神奇的东西。Javascript is all.
评论
下一页
个人成就
文章被点赞 1,129
文章被阅读 181,580
掘力值 6,443
收藏集
44
关注标签
19
加入于