#9 i18n, xstate, 三消游戏设计 —Bytes by Alfred

大家好，今天这是我们 Bytes by Alfred 的第 9 期。RSS订阅请看 RssHub/zhubai/alfxjx

📖 推荐文章

1. 巧妙利用 iOS 的快捷指令配合 GitHub Actions 实现自动化 通过在捷径里面设置GitHub actions 的 api，从而可以自动记录每天的背的单词，跑步记录… 有iPhone的同学可以试试，自动化你的生活，专注于更有意义的事情上面。
2. TypeScript 次日指南 TypeScript 的文章满天飞，本文是一篇当你上手了之后，过了一遍文档之后，需要读读的文章。针对的是快速上手之后，需要面对的是否真的需要Typescript，以及使用第三方库和HTML原生元素的时候，应该如何找到最合适的类型。【我当时上手的时候也遇到了这样的问题，一个很好的解决方式是去GitHub搜搜有没有类似的使用环境。
3. The TypeScript Tax - A Cost vs Benefit Analysis 从数据统计的角度，分析了给项目引入TypeScript 之后带来的效率和安全性上的优势，以及由于引入之后，所带来的可能的代码量的开销。 总的来说，如果引入TypeScript所带来的效率高于引入所带来的开销的话，那么就可以引入TS了。
4. The Visual Studio Code Server VSCode发布了一个新功能，在本地启动一个代码服务器，之后可以通过使用浏览器进行开发了，当然此功能目前还是处于预览阶段，后面完善了之后，或许会带动iPad的销量。
5. Simplify your full-stack applications with XState 介绍了如何通过 Xstate 给你的全栈项目建立状态机管理模式，从而简化复杂的项目逻辑，例如可以通过状态机模式管理复杂的订单状态，减少bug的产生。
6. 降低前端业务复杂度新视角：状态机范式无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。本文介绍了使用状态机对复杂的逻辑进行解耦。当然使用 XState 也有着对原本项目的侵入性比较大等问题，需要我们在实际开发中进行权衡。
7. Vite3.0发布了，另外随之一起而来的是 ViteConf,现在开始报名参加吧 https://viteconf.org/

设计

利用噪声构建美妙的 CSS 图形 作者的一系列文章都是很有意思的CSS奇技淫巧。

Designing A Perfect Pricing Page UX 一篇很长的讨论定价面板页面设计思路的文章，现在的SaaS服务越来越多了，订阅式的软件也是越来越多，如何射击一个重点突出的价格页，也是能很好的提升用户的付费意愿。

技术之外

Money, Explained 来自 NetFlix的纪录片，推荐看看第一集，介绍了金融诈骗的历史，以及技术进步之后的新式金融诈骗。

King高级关卡策划分享：三消游戏如何做关卡？读了这篇文章我才发现，原来看起来非常简单的三消游戏，其设计的思路也是和一些大型的游戏是类似的，通过对不同类型的方块进行建模分类，可以发现 障碍方块的定位相当于重度游戏里的角色。从这个角度出发，或许可以一窥目前市场上的三消游戏的设计思路了。

🔧 工具推荐

https://github.com/dmfilipenko/timezones.json 展示了常用的时区的JSON数据。

https://www.html-code-generator.com/javascript/json/country-names 是一个可以生成国家码的在线生成器。这两个工具库在做全球项目的时候还是很必要的。

https://versoly.com/ 是一个面向开发者，设计师和非技术人员的模板网站，帮助我们快速搭建Landing Page。

https://tailwindtemplates.co/templates 是一个基于TailwindCSS 的模板库，和上面的功能类似，不过模板代码都是基于Tailwind。不过貌似真实的业务开发中使用Tailwind的并不是很多，可能大家都是需要实现像素级还原吧。

https://www.color-morph.com/ 是一个可配置的渐变背景图生成器，可以随机生成多种渐变背景。

mermaid是一个基于markdown的流程图渲染库，非常的酷。

💬 言论&播客

很酷的一个死亡搁浅的拍照，希望我的 Newsletter 也可以建立一个开罗尔网络。

TypeScript 的类型系统是否太过复杂？

👋 写在最后

如果你对我的周刊有什么想法或者对内容的意见和建议，欢迎联系我：

• Alfxjx @GitHub@abandon.work
• 薄墨无痕 @知乎 /@掘金 /@bilibili
• xujianxiang@abandon.work

让我们下期再见，下期准备写一篇关于类型计算和Typescript的专题文章，敬请期待。