weekly
第 88 期 07/26 Hybrid vs Native…What About a Third Option?
Source: Hybrid vs Native…What About a Third Option?
技术热闻
Hybrid vs Native…What About a Third Option?
https://ionic.io/portals Micro Frontends for Mobile. In this third approach, teams build an app “shell” using whatever stack they prefer (native or hybrid), and then mix in web and native experiences as they wish to form a micro-frontend mobile architecture.
Announcing the Build Output API
We believe this is a critical step for empowering any developer to create when inspiration strikes and not be limited by their infrastructure.
谷歌工程师 Chandler Carruth 近日在 CppNorth 大会上宣布，Carbon 编程语言已在 GitHub 开源，该语言将是 C++ 的实验性继任者。
大前端
CSS
The Future of CSS: Variable Units, powered by Custom Properties
Recently the CSS Working Group approved to start work on the css-variables-2 specification. First planned addition is support for “Custom Units”. Let’s take a look.
JS
Introducing Metho: Safely adding superpowers to JS
Metho allows you to easily and safely add methods in the form of dynamic properties to any object.
React
Architecting React Apps Like it’s 2030
This is how to structure a good app architecture. This article will help you avoid some common errors that most of us make architecting react applications, and will give you the right way to structure your directories.
WebAssembly
这群WebAssembly大佬创业失败了：有时从 JS 迁移到 Wasm 并不值当？
Zaplib 团队从编写代码到探索实际应用场景，总共花了一年时间，以失败告终后，他们发布了一篇出色的事后分析文章，告诉大家为什么说有时候“从 JavaScript 迁移到 WebAssembly 不值得”。
低代码
如何高效率规模化生产中后台页面，如何保障产品标准、质量及体验的一致性，如何提升开发效率是我们当务之急的命题。
数据源是搭建系统建设过程中重要的一环，为提效再进一步，他不仅降低了页面的重复搭建，还收拢了差异化配置的入口，并且让运营同学可以做一些研发同学才可以做的事：接口创建、引用、发布等。
本文会主要分享自己对低代码平台的理解，从多个角度和问题去看低代码平台的设计。我觉得「低代码平台的核心在于模型设计，包括控件模型、组件模型、画布模型等等」。
Browser
Rethinking Device Emulation in browsers
Device Emulation in developer tools is great, but it doesn’t deliver to all users of it and could be much better.
CI/CD
经过3年左右的建设打磨，流水线引擎完成了服务端的基建统一，涵盖到店、到家、大众点评、美团优选、美团平台、自动配送车、基础研发平台等几乎所有的业务，支持Java、C++、NodeJS、Golang等多种语言。下面我们主要介绍下我们在自研引擎建设上遇到的挑战以及对应的解决方案。
视频图片
本期主要介绍下其大体流程，方便大家对其原理有一个简单认知
Powerful Image Optimization Tools
Optimizing the size of images can have a bigger impact on performance than all other areas combined. In this article, Louis Lazaris covers different tools available for reducing the size of images.
Rust
Recently, we open sourced Superconsole, a Text-based User Interface (TUI) library written in Rust.
Storybook
Storybook 7.0 design sneak peek
I’m thrilled to share a sneak peek of Storybook 7.0’s design. It refreshes the core UI patterns so that you can build more with fewer clicks, shorter mouse travel, and less waiting.
设计
京东APP11.0深度解读·如何基于生态进行一次体系化大改版
这是首次京东APP改版在B端大会上亮相，意味着此次改版更加重点围绕B端的生态进行打造，相比过往更具体系化。此次改版京东APP11.0也被苹果应用市场评选为精选APP。下面，京东APP11.0改版团队将分享一些APP改版背后的一些解读和思考。
Using Grids in Interface Designs
Grids help designers create cohesive layouts, allowing end users to easily scan and use interfaces. A good grid adapts to various screen sizes and orientations, ensuring consistency across platforms.
作者浏览了大量文章结合工作中的经验总结分享给大家，希望能帮助理解栅格系统的本质，并能举一反三应用在产品设计中，首先从基础的栅格系统解析开始吧。
启发
It’s 1997 and you want to build a website
If you wanted a website in 1997, there were lots of ways to do it. And don’t worry, you’ll probably have to build another in a couple of years anyway!
What’s the difference between a panel and pane?
A pane is a section of a window.
如果你想在互联网领域发展，在我看来，最好的、风险最小的行为模式，就是做出更多的代表作品和提升自己的手艺，主动去做，先亮相再说。 你的成果越多、越优秀，盲目的可能性就越小，主动出击的风险也越小。
欢迎加入，一起共建「前端周刊」