Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【第二十期】2022-01-08 #21

Open
Geekhyt opened this issue Jan 7, 2022 · 0 comments
Open

【第二十期】2022-01-08 #21

Geekhyt opened this issue Jan 7, 2022 · 0 comments

Comments

@Geekhyt
Copy link
Owner

Geekhyt commented Jan 7, 2022

技术资讯

  1. 2021 JavaScript Rising Stars

JavaScript Rising Stars 第 6 版,对前端领域的框架、Node.js 框架、构建工具、状态管理、css-in-js、移动/桌面端、GraphQL 等等进行年度评比。

还有过去的一年里前端圈儿大佬们的动向:

  • Kent C. Dodds 加入了 Remix 。

  • Vercel 组建了梦之队:Svelte 的创建者 Rich Harris、React 元老 Sebastian Markbåge、Turborepo 的作者 Jared Palmer 。

我们已经进入了元框架时代,那么 2022 年是否会成为 JavaScript 全栈应用的黄金时代?我们拭目以待。

  1. pnpm v6.25.0
  • 无需使用 symlinks,新的下载模式,支持拍平的目录结构。可选择 isolated、hoisted、pnp。

  • token helper

  • New CLI option: --ignore-workspace

  1. solid v1.3

Features:

  • HTML Streaming
  • Error Boundaries on the Server
  • Isolated Server Render/Hydration Contexts
  • createReaction
  • External Sources (experimental)
  • refetchResources (experimental)
  1. Vite in the browser

把大象放进冰箱需要三步,那么将 Vite 放进浏览器中需要几步?

  • 用 Service Worker 替换 Vite 的 HTTP 服务器
  • 用 Web Worker 运行 browser-vite 处理主线程
  • 内存文件系统
  • 特殊扩展名文件的转换
  • 处理正则表达式兼容
  • HMR
  1. JavaScript for impatient programmers

ES2022 更新。

  • New members of classes
  • Private slot checks
  • Top-level await in modules
  • error.cause
  • Method .at() of indexable values
  • RegExp match indices
  • Object.hasOwn(obj, propKey)
  1. Vitest

Vitest 现在已经 2k + Star 了,他们提供了一个示例文件夹帮助你入门:Vue、Svelte、React、Lit、RTL、Puppeteer、MSW。

技术资料

  1. 2021 年最喜欢的 Chrome 扩展程序
  • Loom
  • Mote
  • Wordtune
  • Forest
  • Dark Reader
  • Tab Manager Plus
  • Nimbus
  • Stylus
  • Rakuten
  1. Year two of Excalidraw

Excalidraw 的年终总结。

  1. 探秘前端 CRDT 实时协作库 Yjs 工程实现

学术研究成果的实用化需要大量的工程细节处理与优化,藏在这背后的还是数据结构与算法等计算机基础知识。

  1. Node.js 最佳实践
  • 项目结构实践
  • 异常处理实践
  • 编码规范实践
  • 进入生产实践
  • 安全实践
  1. Madge

可以生成模块依赖图,支持( CommonJS、AMD 或 ES6)。

  1. TypeScript-Compiler-Notes

TS 编译器笔记语料库。

好文推荐

  1. 一篇从购买服务器到部署博客代码的详细教程

  2. Chrome 97 发布,TCP 时代结束?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant