奇舞周刊第 404 期：换个角度思考 React Hooks

阳光穿透心脏的1/2处 2022-10-12 01:52 31阅读 0赞

> 记得点击文章末尾的“ 阅读原文 ”查看哟~
> 
> 下面先一起看下本期周刊 摘要 吧~

## 奇舞精选 ##

## ■ ■ ■ ##

[换个角度思考 React Hooks][React Hooks]

从 Vue 迁移到 React，不太习惯 React Hooks 的使用？也许换个角度思考 Hooks 出现的意义会对你有所帮助。

[在 2021 成为前端开发者的完全指南][2021]

近年来前端技术发展迅猛，到了2021年，需要掌握的知识已经和过去大相径庭，让我来谈谈，在 2021，需要做哪些事情才能成为一个称职的前端开发者。

[JavaScript 变量命名][JavaScript]

计算机科学中只有两个难题：缓存失效和命名。

## 技术实践 ##

## ■ ■ ■ ##

[SVG 基础及其动画应用浅析][SVG]

SVG 作为一种表示矢量图形的图片格式，在前端领域的使用越来越普遍。其对动画效果的友好支持受到了不少开发者的青睐。如果你还没怎么用过 SVG，不妨看看这篇文章，跟着作者领略一遍 SVG 的基本使用方法。

产品经理：鸿蒙那个开场动画挺帅的给咱们页面也整一个呗

炫酷的鸿蒙开场动画，一起来看看如何实现

![68f67bc6f06b53cfa76ad2fcdb8a6794.png][]

[手把手教你搭建一个无框架埋点体系][Link 1]

埋点上报是将应用层事件上传至上层平台的过程。比方说，在某购物网站上，用户点击了“收藏”按钮，此时，一个点击事件就生成了，这一事件会被上报至一个数据分析平台。这样，相关的数据分析师、产品经理、运营等同学便可以在数据分析平台，通过这些上报的事件数据分析，得出应用中可以优化的方方面面。由此可见，埋点上报是每个产品走向卓越的重要一环。

## 拓展边界 ##

## ■ ■ ■ ##

[JSBridge 原理解析——以 WebviewJavascriptBridge 实现方式为例][JSBridge _ WebviewJavascriptBridge]

JSBridge 是一种 webview 侧和 native 侧进行通信的手段，webview 可以通过 jsb 调用 native 的能力，native 也可以通过 jsb 在 webview 上执行一些逻辑。

[15 分钟学会 Immutable][15 _ Immutable]

Immutable Data 就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。主要原理是采用了 Persistent Data Structure (持久化数据结构)，就是当每次修改后我们都会得到一个新的版本，且旧版本可以完好保留

[兄弟萌，让我们在 vscode 里放烟花吧][vscode]

Visual Studio Code 有一个效果特别炫的插件，名字叫 power mode。边写代码边放烟花、编辑器还会抖动。效果很炫，但是我们肯定不能满足于会用，得研究下它是怎么实现的。

[![6da1b44eb555c1dbba195b3d2d7ed7d3.png][]][6da1b44eb555c1dbba195b3d2d7ed7d3.png 1]

## 关于奇舞团 ##

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

![863501bf5b74b9b412e8ada6d44bff32.png][]

[React Hooks]: https://mp.weixin.qq.com/s?__biz=MzI1ODE4NzE1Nw%3D%3D&idx=1&mid=2247489478&scene=21&sn=83abd99760c7d6bf3e0e8ffb3ba83d65#wechat_redirect
[2021]: https://mp.weixin.qq.com/s?__biz=MzI1MTUwNDA5Mw%3D%3D&idx=1&mid=2247483707&scene=21&sn=1f236b00dbc799420150ddf2971f59ae#wechat_redirect
[JavaScript]: https://mp.weixin.qq.com/s?__biz=Mzg2ODQ1OTExOA%3D%3D&idx=1&mid=2247491290&scene=21&sn=349ba8474539a6a58d1eed11a0478daf#wechat_redirect
[SVG]: https://mp.weixin.qq.com/s?__biz=MzI1NTg3NzcwNQ%3D%3D&idx=1&mid=2247484907&scene=21&sn=e21c8f6c349095929050147ce21d9972#wechat_redirect
[68f67bc6f06b53cfa76ad2fcdb8a6794.png]: /images/20221005/564125c2a8bc4539968c4d7bd76d991c.png
[Link 1]: https://mp.weixin.qq.com/s?__biz=Mzg2ODQ1OTExOA%3D%3D&idx=1&mid=2247490650&scene=21&sn=cbc1b961bb352575e16e66bc53c6974d#wechat_redirect
[JSBridge _ WebviewJavascriptBridge]: https://mp.weixin.qq.com/s?__biz=Mzg2ODQ1OTExOA%3D%3D&idx=1&mid=2247491073&scene=21&sn=739697873e4101630378c04ef744354f#wechat_redirect
[15 _ Immutable]: https://mp.weixin.qq.com/s?__biz=MzI0NTE5NzYyMw%3D%3D&idx=1&mid=2247485820&scene=21&sn=fa3781756b959a802d7dd9eb22b04031#wechat_redirect
[vscode]: https://mp.weixin.qq.com/s?__biz=MzkzMTIzMDUwMg%3D%3D&idx=1&mid=2247484357&scene=21&sn=655a89ec090d0fb4aecd488e90c7b069#wechat_redirect
[6da1b44eb555c1dbba195b3d2d7ed7d3.png]: /images/20221005/392f504cb0fd4802a43f15a53333614a.png
[6da1b44eb555c1dbba195b3d2d7ed7d3.png 1]: http://mp.weixin.qq.com/s?__biz=Mzg4MTYwMzY1Mw%3D%3D&chksm=cf61d698f8165f8e2b7f6cf4a638347c3b55b035e6c2095e477b217723cce34acbbe943ad537&idx=1&mid=2247496626&scene=21&sn=699dc2b117d43674b9e80a616199d5b6#wechat_redirect
[863501bf5b74b9b412e8ada6d44bff32.png]: /images/20221005/4f99fc3adbf24ed2bd7eab80c184b664.png