8 小时前 / 九彩拼盘
React 自从上一年发布了 React17 之后，团队貌似就有些划水的嫌疑，2021 年主要和其他贡献者进行了一些友好碰面，比如在布宜诺斯艾利斯（阿根廷首都）的聚会： 以及给字节跳动做直播分享： 工作上主要是在修复 React17 的 bug，但其实修复的也不是很多，目前只发了两个修补版本号，最新版本是 V17.0.2，一年只发了两个 patch 版本，工作量显然不足，年终绩效就很为他们感到担心。 抱着怀疑的态度，比较优秀的人总是自驱的，怎么会划水呢？于是翻了下 Dan Abramov 的牌子（gitHub 提交记录），这哥们是 React 的核心成员，在 React 也待了 5 年之久...
22 天前 / 冷星1024
大家好，我卡颂。 Scheduler( 调度器)[1]是 React 重要的组成部分。 同时，他也是个独立的包，任何「连续、可中断」的流程都可以用 Scheduler 来调度，比如： constwork={count:100}; functiondoWork(work){ work.count--; console.log('dowork!') } work 满足两个条件： 工作是连续的。一共需要执行 100 次，每次执行时调用 doWork 工作是可中断的。中断恢复后，接着中断前的 work.count 继续执行就行 满足这两个条件的工作都可以用 Scheduler 来调度。
28 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 发布 Taro 3.5 canary 发布：支持适配 鸿蒙 https://mp.weixin.qq.com/s/Hud405mLileIEzHX3Z-ueQ Next.js 强劲对手来了！ Remix 正式宣布开源 https://juejin.cn/post/7035952921208422436 文章为什么 Web3 与区块链有关互联网迄今有两个阶段：Web 1.0 和 Web 2.0。 下一个阶段自然就是 Web 3.0（简称 Web3）。本文谈谈我对 Web3 的一些初步理解，它到底是什么。
42 天前 / Ryan众乐
在今天的文章中，我将带大家完成一个将 Rust 实际应用到 React 项目中的小 Demo。 Wasm 在开始之前，我们还是先来回顾下 Wasm: WebAssembly 是一种二进制指令格式，简称为 Wasm，它可以运行在适用于堆栈的虚拟机上。 WebAssembly 存在的意义就是成为编程语言的可移植编译目标，让在 Web 上部署客户端和服务端应用成为可能。 Wasm 具有紧凑的二进制格式，可为我们提供近乎原生的网络性能。随着它变得越来越流行，许多语言都编写了编译成 Web 程序集的绑定工具。 为什么是 RustRust 是一个快速、可靠二期又节约内存的编程语言。
50 天前 / 冷星1024
大厂技术高级前端Node 进阶 点击上方程序员成长指北，关注公众号 回复 1，加入高级 Node 交流群 原文地址：https://juejin.cn/post/7034796986889043999 作者：hpstream_ ( 感谢小伙伴投稿) 谈到 WebComponent 很多人很容易想到 Vue,React 中的组件。但其实 H5 原生也已经支持了组件的编写。 查看 Web Components MDN 文档，里面原话如下： Web ComponentsWeb Components 是一套不同的技术，允许您创建可重用的定制元素（它们的功能封装在您的代码之外）并且在您的 web 应用中使用它们。
55 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 NewsElectron 16.0.0 常规更新，支持 Chrome 96、Node 16.9.1、V8 9.6、WebHID API。 https://www.electronjs.org/blog/electron-16-0 React 18 beta 正式版还要数月，最早可能在 2022 年前几个月 Beta 版引入三个新 API，useSyncExternalStore、useId 和 useInsertionEffect 目前是 feature complete 阶段，正式版前不引入新功能社区方面，Next.js、Gastby、React-Redux、Zustand、Apollo、Umi 4 等都会跟进支持 React 18 Betahttps://github.com...
68 天前 / 九彩拼盘
首发于前端八卦小报写文章登录 React 全新文档终于来了魔术师卡颂 77 人赞同了该文章大家好，我卡颂。 React 一直被吐槽官方文档对新手不友好，而且自从 v16.8 出现 Hooks 后，Hooks 逐渐成为 React 主要发展方向，新特性都会基于 Hooks 开发。 但是当前官方文档还是基于 class component 讲解。所以从去年 10 月开始，React 团队的「Rachel Nabors」开始推进新文档的编写。 关于「Rachel Nabors」的经历，可以参考我之前写的一篇文章从失学二次元少女到 React 核心成员 时隔一年，21 年 10 月 22 日，React 新文档 Beta 版 [1]终于上线了。
70 天前 / 冷星1024
Flutter 简介 Flutter 是谷歌开源的移动端应用开发框架，采用 Dart 语言作为开发语言，主要的特点是跨平台，高性能，高保真。一套代码同时运行在 Android 与 IOS 两端并且可以保持 UI 的统一性（Web 端也可以使用，但是目前性能不佳）。 Flutter 如何做到跨平台以及统一 UI（高保真）？关键在于谷歌实现了一个跨平台的绘图引擎，我们敲出的页面实际上是这个绘图引擎画出来的一张图片（这个与游戏十分类似，我们看到的游戏画面也是通过游戏引擎渲染出来的。
70 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 NewsReact Router 6 终于来了，你跟（更）的上吗？ https://remix.run/blog/react-router-v6 TypeScript 4.5 RC 自 4.5 Beta 后，最大的变更是延迟了 Node 12 ESM 的支持，目前可通过 moduleResolution:nodenext 和 module:nodenext 开启。 https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-rc/ 文章现代 Web 开发困局 https://mp.weixin.qq.com/s/PjpA4CBoC3Q0-gT5f5qlPg 可能是最完善的 React+Vite 解决方案...
85 天前 / 冷星1024
一。 Hook 高级使用 1.1. useReducer 很多人看到 useReducer 的第一反应应该是 redux 的某个替代品，其实并不是。 useReducer 仅仅是 useState 的一种替代方案： 在某些场景下，如果 state 的处理逻辑比较复杂，我们可以通过 useReducer 来对其进行拆分；或者这次修改的 state 需要依赖之前的 state 时，也可以使用；单独创建一个 reducer/counter.js 文件： exportfunctioncounterReducer(state,action){ switch(action.type){ case"increment": return{...state,counter:state.counter+1} case"decrement": return{...state,counter:state.counter-1} d...
93 天前 / 高飞
这是我们团队杨劲松、杨杰强同学做的内部分享，文章从声明式渲染的基本原理开始，逐步深入讲解 React 渲染与节点挂载的基本流程与源码，适合初中阶同学阅读。PS：我们是字节游戏中台前端团队，日常学习氛围浓厚，目前还有大量 HC，欢迎自荐。 引言相信大家对 React 都已经非常熟悉了，像 React，Vue 这样的现代前端框架已经是我们日常开发离不开的工具了，这篇文章主要是从源码的角度剖析 React 的核心渲染原理。
97 天前 / 王键创生
阅读原文，体验更佳！ 周刊收集包括前端（但不限于前端）的文章、新闻、开源项目、工具等等，每周一更新。 NewsESLint 8 支持 ES2022。 Class public instance fields and private instance fieldsClass public static fields and private static fieldsClass private instance methods and accessorsClass private static methods and accessorsRegExp match indicesTop-level awaithttps://eslint.org/blog/2021/10/eslint-v8.0.0-released Sanitizer API 把 html 字符串不加处理直接渲染到页面上是很危险的行为，一不小心就会触发 XSS 问题...
98 天前 / 冷星1024
大厂技术高级前端Node 进阶 点击上方程序员成长指北，关注公众号 回复 1，加入高级 Node 交流群 前言 相信很多人都很头疼 Docker 的部署，我自己也是。 最近发现一个很有意思的现象：一个人想学某样技术的时候，当学会了之后，但是这时出现了一个问题需要学习另一门技术时，无论这个人前面学得多么刻苦，用功，到这一步有 99% 的概率都会放弃。我愿称这种现象为 “学习窗口”。 写一个网站、学会 Vue.js 是很多人的“学习窗口”，只要离开了这个“学习窗口”，他们就不想学了：我都学这么多了，草，怎么最后还要学部署啊。
105 天前 / Ryan众乐
写文章登录 Relyzer —— 一个 React FC 的运行分析工具黑猫JavaScript 话题下的优秀答主 158 人赞同了该文章 React Hooks 带来了很多好处，同时也引入了一些困扰。常见的问题有： 为什么我的 useEffect 比我预期执行多得多？为什么 useCallback / useMemo 的返回值总是发生变化？ 于是开发了这样的一个工具，配合 React Devtool 使用，在代码块中可视化地展示出 React 函数组件的属性及内部变量的变化情况，可以方便地定位到哪些值总是在发生变化。 截图是基于一个第三方的 TodoMVC，集成上了 Relyzer 工具。
107 天前 / 王键创生
阅读原文，体验更佳！ 1. 推荐 freeCodeCamp 本周 Star 增长：1700+，累计：333k+ GitHub 上排名第一的开源项目。 FreeCodeCamp 是一个自由开源的学习编程的社区，致力于帮助人们利用零散时间学习编程。它的使命是 Learn to code and help nonprofits（学习编程，去帮助那些非盈利组织）。FCC 涵盖 HTML5、CSS、React、JavaScript、Database 等课程，游戏化程度非常高，学员可以通过线上聊天室和线下社区活动（Coffee and Code）相互帮助。