2018.05.28 - Introducing Fuse for Cross-Platform App Development

Title: 2018.05.28 – Introducing Fuse for Cross‑Platform App Development

Industry Conferences

React Europe 2018 https://www.react-europe.org/ — 附：Highlights from the React Europe conference

In‑Depth Reading

React v16.4.0: Pointer Events https://reactjs.org/blog/2018/05/23/react-v-16-4.html
The latest minor release adds support for an oft‑requested feature: pointer events! It also includes a bug‑fix for getDerivedStateFromProps. 另附：All Things React、Yarn – Ease the Transition to a Monorepo with Focused Workspaces.

Introducing Fuse for Cross‑Platform App Development https://code.tutsplus.com/articles/introducing-fuse-for-cross-platform-app-development--cms-30793
Fuse is a platform for developing cross‑platform apps with UX Markup (https://docs.fusetools.com/ux-markup/ux-markup.html) and JavaScript. It sits in the same category as React Native and NativeScript, but its main selling point is the set of tools that let developers and designers collaborate in real time. Fuse uses UX Markup, an XML‑based language that provides the building blocks for the UI. It also lets you specify how different components should behave when users interact with them—hence the name “UX”.

Serverless Architectures https://martinfowler.com/articles/serverless.html
Serverless architectures can dramatically cut operational cost, complexity, and engineering lead time, at the expense of greater reliance on vendor lock‑in and relatively immature supporting services.

Lessons in Thrift: How Facebook Keeps Its Web Pages Snappy https://thenewstack.io/lessons-in-thrift-how-facebook-keeps-its-web-pages-snappy/
The Web Speed team focuses solely on speeding the delivery of a fully composed, fully customized web page to each visitor’s browser. This team does not handle web apps, although it does cover mobile browsers.

Things to Know About the GDPR, Mozilla, and Firefox https://blog.mozilla.org/internetcitizen/2018/05/23/gdpr-mozilla/
And the reason is that on Friday, May 25 2018, a new law took effect in Europe—the General Data Protection Regulation, aka the “GDPR.” If you’re not sure what that means or how it affects you, read on.
GDPR for lazy people: Block all European users with Cloudflare Workers | Google and Facebook accused of breaking GDPR laws | GDPR: US news sites unavailable to EU users under new rules | GDPR: Programmatic ad buying plummets in Europe | 最严数据隐私条例」GDPR

A Programmer’s Growth Path – Analyzing Others, Summarizing Self https://mp.weixin.qq.com/s?__biz=MzU1NTUwMzkwOA==&mid=2247483860&idx=1&sn=ce03a446c24730aa7aa032c4767b972f
Zhang Yunlong, CTO of Quanmin Live and a front‑end engineering pioneer, shares his personal development journey, hoping to offer guidance and inspiration for front‑end career planning. Also attached is a talk by a veteran Baidu front‑end engineer: My Ten Years at Baidu | How Major IT Companies Structure Their (Large) Front‑End Teams

The Past and Present of Visual Page‑Builder Tools https://github.com/CntChen/cntchen.github.io/issues/15
A very detailed survey article that compiles numerous implementation approaches: page composition and componentization, the necessity of visual page‑builder tools, dimensions for differentiating such tools, and industry case studies.

How Hard Is It to Write a Good Technical Article? https://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652975901&idx=1&sn=c71dab41bbbe84891a1a9a085156709d
A good article requires: a solid theoretical framework, practical code verification, and a fair yet opinionated viewpoint. It also demands attention to: refuting incorrect ideas without devolving into endless debate, delivering value to both author and readers, proper formatting and syntax highlighting, and careful proofreading of terminology and typos.

Close Reading of “Why Modern JS Frameworks Exist” https://zhuanlan.zhihu.com/p/37090152
Deeply consider why the front‑end needs frameworks and whether Web Components could replace them.

Web Front‑End Techniques Behind 2D‑Live‑2D “Moe” Characters http://www.zhangxinxu.com/wordpress/2018/05/live2d-web-webgl-js/
Live2D is a rendering technique for video games developed by Japan’s Cybernoids. It creates a quasi‑3D model from a series of 2D images and character rigs—essentially giving 2D assets a limited 3D effect (the model can’t turn around fully). Many famous anime have been adapted into Live2D games, and vice‑versa.

Growing the Data‑Visualization Community with deck.gl v5 https://eng.uber.com/deckgl-v5/
The Uber Visualization team open‑sourced deck.gl 5.3, the final v5 release of their data‑visualization library. The v5 releases represent a major effort to make deck.gl easier than ever to use, and we hope that sharing the story behind these improvements will excite users to try the new simplified APIs and features in deck.gl v5.

Web Push Notifications https://webpushdemo.azurewebsites.net/
Welcome to the future of the web—where push messages can help you achieve better engagement for your site or web app.

Progressive Web Games https://hacks.mozilla.org/2018/05/progressive-web-games/
In this article we explore the concept of Progressive Web Games to see whether it is practical and viable in a modern web‑development environment, using PWA features built with Web APIs.

Building AI‑Enabled GraphQL Applications https://medium.com/open-graphql/building-ai-enabled-graphql-applications-d7fde3305062
How to use GraphQL to map to AWS Lambda functions that work with AI services.

A Developer’s Guide to Headless E‑Commerce https://snipcart.com/blog/headless-ecommerce-guide
Unlike the holistic, monolithic approach of traditional platforms (WordPress, Shopify, etc.), decoupled solutions separate the backend from the frontend—essentially “beheading” the system.

Getting Started with CSS Layout https://www.smashingmagazine.com/2018/05/guide-css-layout/
This guide is for you if you’re relatively new to CSS and wonder what the best way to approach layout is, as well as for seasoned developers from other parts of the stack who want to ensure their layout knowledge is up‑to‑date. I haven’t tried to document every layout method in depth (that would be a book, not an article). Instead, I provide an overview of what’s available, with plenty of links for deeper dives.

Open‑Sourcing Katran, a Scalable Network Load Balancer https://code.facebook.com/posts/1906146702752923/open-sourcing-katran-a-scalable-network-load-balancer/
We are open‑sourcing a component of this work by releasing the Katran forwarding‑plane software library, which powers the network load balancer used in Facebook’s infrastructure. Katran offers a software‑based load‑balancing solution with a completely re‑engineered forwarding plane that leverages two recent kernel innovations: eXpress Data Path (XDP) and the eBPF virtual machine. Katran is deployed today on backend servers in Facebook’s points of presence.

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.