🗞 News
Next.js 12.1 发布
2 月 18 日，Next.js 发布了 12.1 版本，本次更新带来了以下新特性：
- 按需 ISR（Beta）
- 拓展了 SWC 支持，
styled-components，Relay 以及更多 - 无需配置的基于 SWC 的 Jest 支持
- 基于 SWC 的更快的压缩能力，比 Terser 快 7 倍
- React 18 和 Server Components 支持（Alpha）
- &etc.
Release Blog：Blog - Next.js 12.1 | Next.js (nextjs.org)
Vue CLI 5.0.1 发布
4 天前，Vue CLI 发布了 5.0.0 后的第一个正式版本 5.0.1，意味着 Vue CLI 5 已经稳定，如果还在使用 Vue CLI 4，可以通过升级指引进行升级：Migrate from v4 | Vue CLI (vuejs.org)
Release Message：Releases · vuejs/vue-cli (github.com)
2021 JavaScript 从业者统计
数据链接：The State of JS 2021: 从业者统计
📦 Open Source
useStateMachine
一个小于 1kb 的极简状态机 Hook。
使用方式：
const [state, send] = useStateMachine({
initial: 'inactive',
states: {
inactive: {
on: { TOGGLE: 'active' },
},
active: {
on: { TOGGLE: 'inactive' },
effect() {
console.log('Just entered the Active state');
// Same cleanup pattern as `useEffect`:
// If you return a function, it will run when exiting the state.
return () => console.log('Just Left the Active state');
},
},
},
});
console.log(state); // { value: 'inactive', nextEvents: ['TOGGLE'] }
// Refers to the TOGGLE event name for the state we are currently in.
send('TOGGLE');
// Logs: Just entered the Active state
console.log(state); // { value: 'active', nextEvents: ['TOGGLE'] }
GitHub Repo：cassiozen/useStateMachine: The <1 kb state machine hook for React (github.com)
📑 Article
SolidJS vs React: I've Built the Same App On Both Libraries.
原文链接：SolidJS vs React: I've Built the Same App On Both Libraries. - DEV Community
How React server components work: an in-depth guide
原文链接：How React server components work: an in-depth guide (plasmic.app)
