FEX 技术周刊 - 2019/08/05

深阅读

React + Redux + Comlink = Off-main-thread
https://dassur.ma/things/react-redux-comlink/
The more I read up on React, the more I see React and Redux appearing together. That got me thinking: My goal is to bring off-main-thread architectures to main-stream web development. Are React and Redux compatible with this philosophy? Let’s give it a try!

Getting to the Heart of Digital Accessibility
https://alistapart.com/article/getting-to-the-heart-of-digital-accessibility/
Quick! Think of the word “developer” or “coder” — what’s the first thing that comes to mind? Maybe a whiteish male in his twenties living in a busy metropolis, wearing a nerdy t-shirt and hoodie? Someone a bit like Mark Zuckerberg? Or maybe a younger Bill Gates or Sergey Brin? Any of the dudes from the HBO series Silicon Valley, perhaps? Certainly no one like me.

Do React Hooks Replace Redux?
https://medium.com/javascript-scene/do-react-hooks-replace-redux-210bab340672
TL;DR: Hooks are Great, but No.

页面可视化搭建工具技术要点
http://www.alloyteam.com/2019/07/h5-build-tool-pipeline/
页面可视化搭建工具, 是互联网公司中常见的运营工具, 实现了运营人员快速生成和发布页面, 提升页面上线效率; 且无需开发人员介入, 节省开发人力。本文主要讨论: 设计和开发页面可视化搭建工具包含哪些技术要点.

2019年大前端技术趋势分析
https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247492026&idx=1&sn=6446243531dec91e86340b07f3cd789f
一晃眼 2019 年已过大半，年初信誓旦旦要学习新技能的小伙伴们立的 flag 都完成的怎样了？2019 年对于大前端技术领域而言变化不算太大，目前三大技术框架日趋成熟，短期内不大可能出现颠覆性的前端框架 (内心 OS：出了也学不动了)。本文结合个人和团队经历对 2019 上半年做个技术总结。

再见Excel！我开源了一款与Python深度集成的神器级IDE
https://mp.weixin.qq.com/s/fLwbYu18mCGmG_zvIgqU2g
这是一款与 Python 深度集成、基于 Web 开发、无需在各个工具之间切换、适用大部分职业工作场景的开源电子表格应用程序。对它的评价只有 Wow awesome，amazing！

技术人需要突破的 10 个困局
https://www.yuque.com/sxc/front/gsvr3x
2010 年工作，2013 年初涉创业，至今 9 年，无论是创业还是在职场都趟了不少弯路，前两周对团队做技术管理者套路内训时，把过去的收获整理成这 10 句话，放到了 PPT 最后一页作为结语，感觉过于简练了，打算再做一个更准确的阐述。

Storybook - Component Story Format
https://medium.com/storybookjs/component-story-format-66f4c32366df
Simple, portable, future-proof component examples

Functional TDD: A Foundation for Web Applications
https://medium.com/walmartlabs/functional-tdd-a-foundation-for-web-applications-378b62ecbfd6
For Web Applications, Focus on Function, not Form.

JavaScript: What’s new in ES2019
https://blog.tildeloop.com/posts/javascript-what%E2%80%99s-new-in-es2019
As one of the most popular programming languages and the staple of web development, JavaScript is constantly evolving and with each iteration it gets some fresh internal changes. Let’s check out some of the new proposed features of ES2019 that could soon find a way into our everyday code.

This Ain’t Disney: A practical guide to CSS transitions and animation
https://blog.prototypr.io/this-aint-disney-a-practical-guide-to-css-transitions-and-animations-a8b87e7c5531
Digital user experiences, however, are not bound by strict laws governing the physics of movement; designers are essentially left to their own devices to come up with a physics pattern and apply it effectively to their design. This do-it-yourself culture around animation introduces a risk factor, and designers don’t really get a share of the project’s “risk budget,” which is usually reserved for new tech, so this often takes animation off the table for smaller teams. With that said, you’re not completely in the dark when using CSS. You have useful tools and defaults to get started, and with some basic knowledge, you can begin introducing a pleasant animated experience for your users.

I Used The Web For A Day On A 50 MB Budget
https://www.smashingmagazine.com/2019/07/web-on-50mb-budget/
Data can be prohibitively expensive, especially in developing countries. Chris Ashton puts himself in the shoes of someone on a tight data budget and offers practical tips for reducing our websites’ data footprint.

Browser extensions are underrated: the promise of hackable software
https://www.geoffreylitt.com/2019/07/29/browser-extensions.html
Among major software platforms today, browser extensions are the rare exception that allow and encourage users to modify the apps that we use, in creative ways not intended by their original developers. On smartphone and desktop platforms, this sort of behavior ranges from unusual to impossible, but in the browser it’s an everyday activity. Browser extensions remind us what it’s like to have deep control over how we use our computers. 另附：Google and Mozilla are failing to support browser extension developers.

Ten Things Serverless Architects Should Know
https://aws.amazon.com/cn/blogs/architecture/ten-things-serverless-architects-should-know/
Building on the first three parts of the AWS Lambda scaling and best practices series where you learned how to design serverless apps for massive scale, AWS Lambda’s different invocation models, and best practices for developing with AWS Lambda, we now invite you to take your serverless knowledge to the next level by reviewing the following 10 topics to deepen your serverless skills. 另附：Serverless Components Beta

SMR: What we learned in our first year
https://blogs.dropbox.com/tech/2019/07/smr-what-we-learned-in-our-first-year/
A year ago, we became the first major tech company to adopt high-density SMR (Shingled Magnetic Recording) technology for our storage drives. At the time, we faced a challenge: while SMR offers major cost savings over conventional PMR (Perpendicular Magnetic Recording) drives, the technology is slower to write than conventional drives. We set out on a journey to reap the cost-saving benefit of SMR without giving up on performance. One year later, here’s the story of how we achieved just that.

EGG: A toolkit for multi-agent language emergence simulations
https://code.fb.com/ai-research/egg-toolkit/
EGG is a new toolkit that allows researchers and developers to quickly create game simulations in which two neural network agents devise their own discrete communication system in order to solve a task together. For example, in one of the implemented games, one agent sees a handwritten digit and has to invent a communication code to tell the other agent which number it represents.

Evolution of Netflix Conductor: v2.0 and beyond
https://medium.com/netflix-techblog/evolution-of-netflix-conductor-16600be36bca
Conductor is a workflow orchestration engine developed and open-sourced by Netflix. In the last two years since inception, Conductor has seen wide adoption and is instrumental in running numerous core workflows at Netflix. Many of the Netflix Content and Studio Engineering services rely on Conductor for efficient processing of their business flows. The Netflix Media Database (NMDB) is one such example. In this blog, we would like to present the latest updates to Conductor, address some of the frequently asked questions and thank the community for their contributions.

Experiment, Simplify, Ship
https://blog.golang.org/experiment
We experiment with Go as it exists now, to understand it better, learning what works well and what doesn’t. Then we experiment with possible changes, to understand them better, again learning what works well and what doesn’t. Based on what we learn from those experiments, we simplify. And then we experiment again. And then we simplify again. And so on. And so on.

新鲜货

W3C Workshop Report - Web Games
https://www.w3.org/blog/news/archives/7891
https://www.w3.org/2018/12/games-workshop/report.html W3C is pleased to announce a report from the W3C Workshop on Web Games held in late June 2019, in Redmond, WA, USA.

IPFS Project Q3 Priorities & Working Groups
https://blog.ipfs.io/2019-07-31-operation-task-force/
IPFS is growing! This year we’ve grown immensely in network size, number of apps building with IPFS, number of end-users of IPFS-powered apps, and the number of developers contributing to the codebase.

Electron 6.0.0
http://electronjs.org/blog/electron-6-0
Much of Electron’s functionality is provided by the core components of Chromium, Node.js, and V8. Electron keeps up-to-date with these projects to provide our users with new JavaScript features, performance improvements, and security fixes. Each of these packages has a major version bump in Electron 6.

Bootstrap - Introducing our Long Term Support plan
https://blog.getbootstrap.com/2019/07/24/lts-plan/
Starting today, Bootstrap 3 will move to end of life, and will no longer receive critical security updates. Bootstrap 4 will move to Long Term Support after we release v4.4 and will no longer receive new features from then on. It will continue to receive bug fixes, security updates, and documentation updates. Bootstrap 5 is under active development.

Announcing Bit with Angular Public Beta
https://blog.bitsrc.io/announcing-bit-with-angular-public-beta-578cbb173690
We’re excited to introduce public beta for Bit with Angular 8+. You can now share Angular components between different projects and collaborate over components as a team to build your applications faster together.

Semiotic - A data visualization framework for React
https://semiotic.nteract.io/
It provides three types of frames XYFrame, OrdinalFrame, NetworkFrame, to deploy a wide variety of charts.

• XYFrame: XY data i.e. line charts and scatterplots
• OrdinalFrame: categorical data i.e. bar charts, violin plots, parallel coordinates
• NetworkFrame: topological and network data i.e. flow

Spectacle
https://github.com/FormidableLabs/spectacle
ReactJS based Presentation Library.

Components AI
https://components.ai/
Experimental platform for exploring generative design systems.

Hotkey Behavior
https://github.com/github/hotkey
Trigger an action on an element with a keyboard shortcut.

esprint - a fast eslint runner
https://github.com/pinterest/esprint
esprint (pronounced E-S-sprint) speeds up eslint by running the linting engine across multiple threads. esprint sets up a server daemon to cache the lint status of each file in memory. It uses a watcher to determine when files change, to only lint files as necessary. It also has a CI mode where it does not set up a daemon and just lints in parallel. 另附来自美团及时团队的：ESLint 在中大型团队的应用实践.

A Satisfying Liquid Simulation
Merges WebAssembly and WebGL together. Shake the window about to see it in action. Uses the LiquidFun engine and the regl WebGL library.

Caporal
https://github.com/mattallty/Caporal.js
A full-featured framework for building command line applications (cli) with node.js, including help generation, colored output, verbosity control, custom logger, coercion and casting, typos suggestions, and auto-complete for bash/zsh/fish.

Sampler. Visualization for any shell command
https://github.com/sqshq/sampler
Sampler is a tool for shell commands execution, visualization and alerting. Configured with a simple YAML file.

Hackathon Starter - A boilerplate for Node.js web applications
https://github.com/sahat/hackathon-starter
If you have attended any hackathons in the past, then you know how much time it takes to get a project started: decide on what to build, pick a programming language, pick a web framework, pick a CSS framework. When I started this project, my primary focus was on simplicity and ease of use. I also tried to make it as generic and reusable as possible to cover most use cases of hackathon web apps, without being too specific. In the worst case, you can use this as a learning guide for your projects, if for example you are only interested in Sign in with Google authentication and nothing else.

Kafkajs - A modern Apache Kafka client for node.js
https://github.com/tulios/kafkajs
Almost) No Dependencies, Committed to staying lean and dependency free. 100% Javascript, with no native addons required. Well Tested, Every commit is tested against a production-like multi-broker Kafka cluster, ensuring that regressions never make it into production.

Announcing PartiQL: One query language for all your data https://aws.amazon.com/cn/blogs/opensource/announcing-partiql-one-query-language-for-all-your-data/
PartiQL is a new query language that extends SQL to be able to support non-relational, schemaless and other data formats too. It’s open source and already in use internally in various AWS systems. One of its co-creators also created SQL++ (which saw implementation via Couchbase’s N1QL) several years ago. 另附：Understanding and leveraging Azure SQL Database’s SLA.

Liftbridge: Lightweight, Fault-Tolerant Message Streams
https://github.com/liftbridge-io/liftbridge
Liftbridge provides lightweight, fault-tolerant message streams by implementing a durable stream augmentation for the NATS messaging system. It extends NATS with a Kafka-like publish-subscribe log API that is highly available and horizontally scalable. Use Liftbridge as a simpler and lighter alternative to systems like Kafka and Pulsar or use it to add streaming semantics to an existing NATS deployment.

The Data Engineering Cookbook
https://github.com/andkret/Cookbook
I split this cookbook into five parts: Part one is the introduction to the book; In part two you will learn the basic data engineering skills; Part three contains a real world data engineering example we currently work on; The fourth part contains over 30 case studies with links from companies like Netflix, Twitter, Spotify; Part five is a collection of one thousand and one interview questions (currently approx. 150). It’s not only useful for beginners, professionals will definitely like the case study section. 另附：Math Basics for Computer Science and Machine Learning [pdf].

Standard Ebooks
https://standardebooks.org/
Free and liberated ebooks, carefully produced for the true book lover.

设计

营销活动设计的数据驱动
https://www.yuque.com/gkx5p8/xiy9bn/qecgbv
在营销活动设计过程中，影响活动的效果外在因素非常的多，例如市场上如果有同类型的营销活动，用户可能产生了疲劳度也是会影响自己公司的营销活动，但是你无法预测是不是存在这种风险；第二是设计效果引起的数据转化，在不同类型的营销活动中有可能会有比较大的不同，例如曾经在红包码的主活动页面露出多个分享渠道，发现总体点击率是下降的，而变成一个按钮并显示“分享赚钱红包”后，点击率是上升的，绝对用户点击数量也是比直接露出高一些，但是在其他活动的数据转化中却得到了相左的结论。因此设计假设、设计测试输出的结论是相对结论，可以作为经验和思考的方向，在应用之后，还应该通过科学的验证方法进行测试，并不断迭代优化。本文主要提供了一些在设计层面数据驱动的思维框架与思考方法，可能还有很多不足，但是我们会不断进行完善，让这个方式更简单易用，切实的能帮助更多的设计师有理有据的做设计。

百度网盘10.0-服务升级背后的故事
http://mux.baidu.com/1213
随着5G的到来，带来更多样化的用户需求场景，更高速增长的数据规模，更智能化的数据处理技术。因此，在这种趋势下，未来网盘将以数据存储和传输为基础，接入更多的服务，为用户提供场景化的消费需求。我们也将从“连接人和文件”到“连接人和服务”进行转变。本次10.0我们结合着产品最新的“服务”理念以及百度UXC最新设计语言-D20，进行全新升级，致力于为用户提供更优质的使用体验。

一篇文章掌握主流设计原则
https://mp.weixin.qq.com/s?__biz=MzI0Nzg2MjI0NQ==&mid=2247484750&idx=1&sn=152d7b899763aab1c2581a649eef0c1a
一篇文章快速掌握市面上主流规范原则和常用的原则。本篇文章要讲的设计原则包含六类：1.尼尔森十大可用性原则 2.三大原则定律 3.Ant Design设计原则 4.微信小程序设计原则 5.iOS设计原则 6.Material Design 设计原则

UX Writing Is More Than Words
https://medium.com/microsoft-design/ux-writing-is-more-than-words-fedd2d7876c3
Learn 5 ways to work with your UX writing team.

Expanding the Concept of Design
https://blog.prototypr.io/expanding-the-concept-of-design-4a0aaa510476
Since the late 1960s, the concept of design has undergone a rapid expansion, both in academic discourse and in industry. While the specific meaning of the word design within more narrowly defined particular contexts has not been lost, the design concept on the whole has become more and more encompassing. Expanding far beyond beautification and form giving, or the technical conception and creation of artefacts, processes and organizations, design is increasingly being recognized as a fundamental influence in most human activities. Professor David Orr pertinently illustrates the challenges associated with the expanding awareness of the significance of design.

产品及其它

Why do some developers at strong companies like Google consider Agile development to be nonsense?
https://www.quora.com/Why-do-some-developers-at-strong-companies-like-Google-consider-Agile-development-to-be-nonsense/answer/David-Jeske?share=1
However, once you get past these high level ideas into details, the agreement starts to fade. Agile has some good ideas but it also has problematic elements which are too centered around short-term thinking for working on revolutionary engineering projects done at companies like Google. Without getting buried in details, let’s look at the themes in Principles behind the Agile Manifesto.

Facebook读脑术：实时读取人类语言
https://mp.weixin.qq.com/s?__biz=MzI0MjI1NTgxNQ==&mid=2651422265&idx=1&sn=43775a43c2782c22b7227383d11f559c
马斯克的脑机接口新突破公布没多久，Facebook的脑机革命又迈出重要一步。Facebook与加利福尼亚大学旧金山分校华裔教授团队合作，已打造一个脑机接口，可以实时从大脑信号解码问答对话。这是全球首个实时解码大脑信号的问答语音的项目，或可用到增强现实眼镜中。脑机革命真的来了！大脑活动解码语音已经不是新鲜事，但是，实时地解码大脑信号，将“听到”和“说出”的对话转变成文字，并且准确率很高，是全球首次！

王阳明的智慧：如何让职场从复杂到简单？
https://mp.weixin.qq.com/s?__biz=MzUyMDQ5NzI5Mg==&mid=2247510039&idx=1&sn=a853aefeee8ca297ac9d33317b907ab5
很多人有这样的体会：我知道抱怨不好，可是，改不了。我知道学习可以提升自己，但是，学不下去。我知道积极心态可以使人快乐，然而，就是开心不起来。许多问题不是无解，而是知而未行。如何做到知行合一？本文为你提供一些方法，帮助你从“我知道”走向“我行动”。王阳明提出“心即理”，意思是一切事物的“理”都存在于自己的心灵深处，“圣人之道，吾性自足。”每个人的本性当中，原本就具有圣人之道，而我们却总在向外寻找张驰，忘了本有家珍。让我们先将时间穿梭到六百多年前的明朝，看看王阳明的故事，或许会得到些许启示。