weekly
第 117 期 03/06 You Don’t Need a Build Step
Source: 《Understanding typography》
大前端
Deno
You Don’t Need a Build Step
https://deno.com/blog/you-dont-need-a-build-step
Today, the web developer version would be “my site’s building” and they would be playing swords in VR. Sites take time to build these days. A large Next.js 11 site will take several minutes to build. This is wasted time in the development cycle. Build tools like Vite or Turbopack highlight their ability to get this number down. But the deeper question hasn’t been considered: Why do we even need a build step?
Framework
THE JAVASCRIPT SITE GENERATOR REVIEW, 2023
https://www.zachleat.com/web/site-generator-review/
It’s time again for every framework author’s favorite: The JavaScript Site Generator Review, February 2023 edition.
iOS
Developer guide on passkeys for iOS
https://tanaschita.com/20230227-passkeys-ios-developer-guide/
Learn how passkeys work and how to implement them in an iOS application. Starting with iOS 16, Apple introduced a new security feature called passkeys. Passkeys are credentials built to eliminate security problems like weak or reused passwords, credential leaks and phishing attacks. In this article, we’ll look at how passkeys work and how to support them in an iOS application.
webGPU
WebGPU Error Handling best practices
https://toji.dev/webgpu-best-practices/error-handling
Given the complex nature of GPU APIs, errors are going to happen during development, so how do you handle them effectively in an environment like that?
React
React vs Signals: 10 Years Later
https://dev.to/this-is-learning/react-vs-signals-10-years-later-3k71
In the past few weeks, we’ve seen the culmination of a build of excitement around the revival of fine-grained reactivity, being referred to as Signals, across the front-end world. 作者结合 Solid 谈 Signal 和 React.
JS
The Great Gaslighting of the JavaScript Era
https://www.spicyweb.dev/the-great-gaslighting-of-the-js-age/
Both assumptions are not only wrong, they’re dangerous. They’re dangerous because they’re leading thousands upon thousands of newer/younger developers down the wrong path. Rather than learning fundamentals which will last for decades to come: networking, HTTP, polyglot web servers, HTML (including custom elements), CSS (including custom properties), and—lastly—JavaScript, they’re learning React/TypeScript lol. 🫠
CSS
Getting Started with Style Queries
https://developer.chrome.com/en/blog/style-queries/
The ability to query a parent’s inline size, and container query unit values recently reached stable support in all modern browser engines.
On Container Queries, Responsive Images, and JPEG-XL
https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/
With the news that CSS Container Queries have shipped in nearly all stable, modern browsers, it’s time to revisit responsive images and ask how they fit in a container query world.
性能
淘宝 APP 网络架构演进与弱网破障实践
https://mp.weixin.qq.com/s/YomDksoRv_Chuw7oHBzzFA
本文将介绍淘宝 APP 统一网络库演进的过程，讲述如何围绕体验持续构建南北向从监测到加速一体化的终端网络架构，通过构建 NPM 弱网诊断感知能力，落地原生多通道技术/多协议择优调度手段，贴合厂商附能网络请求加速，实现去 SPDY 及规模化 IPv6/H3 协议簇的平滑过渡，为用户提供弱网更好、好网更优的 APP 加载浏览体验，支撑业务创造更多的可能性。
低代码
履约核心引擎低代码化原理与实践
https://mp.weixin.qq.com/s/vIFrr5kXokEl0p-jL59AoQ
京东供应链研发部自研了一套，面向业务角色的海纳低代码规则引擎平台，产品定位是面向业务、研发多角色一体化的零低代码开发平台，这其中规则引擎是其最核心的部分之一。这个平台，不仅可以高效的支持互联网高并发业务，它还具有一套标准化扩展开放的能力。
网易云音乐基于 C2D2C 的「无损」设计协同
https://mp.weixin.qq.com/s/ngQXWLhwV7wDyTMlr3QxmQ
目前基于 C2D2C 的工作流已经打通，协同流程已经闭环，现已在云音乐 4 大场景进行了落地，包括活动、商城、会员和音乐人。我们将会在 今年 Q1 开源 C2D2C 的基石，也就是云音乐自研的海豚 RN 组件库。
3D
一文读懂「福气乐园 3D版」开发全流程
https://mp.weixin.qq.com/s/OrYtsg8sbgYrDlygAoxnEQ
这次乐园项目中，Oasis 众多的能力比如物理、阴影、数字人、2D、InputManager 等首次在一个这么复杂的业务场景中使用，引擎能力得到了一次很好的磨练和证明。同时也发现了一些工具链上的不足，比如纹理压缩的使用目前比较蛋疼，这块后续如何集成到编辑器中让开发者使用更便捷值得我们进一步探索。另外和技美的合作过程中，也发现了编辑器测一些使用体验的问题并且得以修复，编辑器的开发体验也得到进一步的提升。
一图读懂
一图读懂《Understanding typography》
https://mp.weixin.qq.com/s/oogNucoGreF4Z6IvwalsYw
本文来自 Material UI 官方文档，从 Type properties、Type classification、Readability 三个方面介绍字体。阅读本文，相信对 “字体” 应该会有一个全面的认识。
一图读懂《An architect’s guide to DevOps pipelines: CI/CD》
https://mp.weixin.qq.com/s/k57ERN9b9akTYYZ_qlgmbw
本文是来自 Red Hat 的工程师 Bryant Son，原文在 2020 年发布（比较早，有些工具其实已经更新，不影响），主要对 DevOps、pipeline、CI/CD 相关术语做了介绍。如果一般只使用基建而不是做这块的话，对 DevOps 中涉及的一些概念不一定很了解。阅读本文，能够让我们对 DevOps 有一个全局的认知。Enjoy :)
设计
太空时代美学的设计演绎
https://mp.weixin.qq.com/s/dTpEwDWXYV03sByBrUpPHQ
大家或许有留意到，无论酸性设计2.0、Y2K2.0、赛博朋克…在近几年的设计中，从流行到趋势逐渐减弱，很多设计师将这些风格趋势的再度流行，看做是对上个世纪流行元素的怀念，虽为我们带来过丰富灵感，但这些设计风格都在趋同化的重现。目前很多设计师也在试图带入新的审美元素和思考方向，大胆的打破教条重新探索，尤其在质感表达上更是劈波斩浪，例如：琉璃、不锈钢、橡胶&PVC、复古金属、弥散渐变、丑风插画等等。
如何打造B端国际化
https://mp.weixin.qq.com/s/EYDomPFmyUgIniWcsuY1Nw
目前JDL国际物流业务已覆盖美国、荷兰、英国、智利、日本、澳洲、中国香港等220多个国家和地区，涉及的语言有中文、英文、印尼语、泰语、马来语、日语等，为多国提供专业的仓运配物流软件+自动化仓储规划+物流运营经验结合的一体化供应链方案。
发现
成长
成长故事｜一名业务前端的这8年
https://mp.weixin.qq.com/s/f-QlvWERHR4Vl6x9M27VCg
本文是一个业务前端对如何支撑好业务，以及在这过程中如何获得个人成长的总结。一些心路历程的变化可能不是在某个瞬间，而是在实践过程中潜移默化形成的。
数据
2023年六大新消费趋势场景发布
https://mp.weixin.qq.com/s/pHI2GDmld7rvU8hH_mIhQg
以“设计美学+趋势创业”的分享交流活动
Big Tech job-switching stats
https://blog.pragmaticengineer.com/big-tech-job-switching-stats/
I have collaborated with a tech recruiter - they’ve asked to be anonymous - who’s been running some very interesting queries on LinkedIn for software engineers. Here are some of the results, visualized. How software engineer populations have changed across Big Tech.
Using Sourcegraph to discover non-NPM JS projects
https://www.stackaid.us/blog/using-sourcegraph-to-discovery-non-npm-js-projects
We rate limit ourselves to be kind to GitHub, and so the full collection takes about 12 hours. To save you the hassle, we’re making a snapshot available using Datasette on Fly.io. You can download the entire database or query the collection.
Language
Dak
Dak is a Lisp like language that transpiles to JavaScript.
Tools
ArkType
https://github.com/arktypeio/arktype
The first isomorphic type system for TS/JS.
ezno
https://github.com/kaleidawave/ezno
A JavaScript compiler and TypeScript checker written in Rust with a focus on static analysis and runtime performance.
chatGPT JS2TS
Turn any JS code into TypeScript in seconds with chatGPT.
Simple online scrollbar editor
Simple online scrollbar editor.
欢迎加入，一起共建。