记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 每天都在用，也没整明白的 React Hook

推荐理由：针对我们经常使用的 React Hook，本文详细介绍了 useState、useEffect、useContext、useCallback、useMemo、useReducer 的用法及注意事项。这次让我们整明白 React Hook 吧。

 CSS-in-JS 指南

开发人员在使用 JavaScript 框架时经常面临的一个难题是是否使用 CSS-in-JS。如果你是 React 开发人员，你很可能之前使用过 CSS-in-JS。本文的目的是根据现代 CSS 的当前状态以及它在未来可能发生的变化，帮助你在即将进行的项目中选择 CSS 和 CSS-in-JS。

 React Context 实现原理：它在 antd 源码里简直用的太多了

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、mobx，但在 antd 等组件库里用的特别多。那 antd 组件库是怎么用 context 的？context 又是怎么实现的呢？

技术实践

■ ■ ■

 深入了解 CSS 中的：where () 和：is () 函数

：where () ` 函数接受一个选择器列表作为参数，允许你编写更少的代码并同时设置它们的样式。在本文中，我们将讨论 `:where () ` 伪类函数，并演示如何在生产环境中使用它。我们将回顾与 `:where () ` 函数相关的叠加、优先级和安全性。我们还将研究一些特定的用例，并讨论它与 `:is ()` 函数的异同。

 分析 vant4 源码，如何用 vue3 + ts 开发一个瀑布流滚动加载的列表组件？

本文分析了 vant 的 List 组件的实现原理，同时分析了一些相关组合式 API。看完这篇源码文章，再去看 List 组件文档，可能就会有豁然开朗的感觉。再看其他组件，可能就可以猜测出大概实现的代码了。

 React 劝退贴！

文章中总结了从 2014 年以来 React 成熟的多个重大的争议和批评，所以这篇“React 劝退贴”名副其实了。其中有一些点已经得到了解决，还有些似乎还在摇摆不定，想要入坑或者已经入坑 React 的小伙伴推荐好好读一读。

拓展边界

■ ■ ■

 盘点那些玩出花的 ChatGPT 开源项目

最近 ChatGPT 非常火爆，铺天盖地都是 ChatGPT 的新闻。Github 上也出现了很多和 ChatGPT 相关的项目，并且 Star 数快速增长，下面就来盘点一下那些玩出花的 ChatGPT 开源项目！

 Vue.js 2023 年最新路线图

Vue Amsterdam 2023 于2月 8 日至 10 日举行 (Vue Amsterdam 是世界上最大的 Vue.js 会议)，这是 Vue.js 作者尤雨溪三年以来首次参加面对面 Vue 活动。在会议中，尤雨溪透露了 Vue 的一些令人兴奋的新功能，并提供了 2023 路线图的更新

 2023 年值得关注的 10 大 Node.js 开源项目！

随着 Node.js 使用率的迅速上升，开发人员不断突破该平台的可能性边界。NodeSource 每年都会评出最有趣并且将影响整个 Node.js 生态系统的开源项目。根据项目的重要性和价值以及团队的努力，本次共推选出 10 个值得关注的最佳 Node.js 开源项目。让我们一起来了解一下这些开源项目吧。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。