React Europe 2018
附:Highlights from the React Europe conference


React v16.4.0: Pointer Events
The latest minor release adds support for an oft-requested feature: pointer events! It also includes a bugfix for getDerivedStateFromProps. 另附:All Things ReactYarn - Ease the Transition to a Monorepo with Focused Workspaces.

Introducing Fuse for Cross-Platform App Development
Fuse is a platform for developing cross-platform apps with UX Markup and JavaScript. It’s in the same category as React Native and NativeScript, but its main selling point is in the provision of tools that enable developers and designers collaborate in real time. Fuse uses UX Markup, an XML-based language which provides the building blocks for the UI. It also allows you to specify how the different components would behave when users interact with them, thus the name “UX”.

Serverless Architectures
Serverless architectures may benefit from significantly reduced operational cost, complexity, and engineering lead time, at a cost of increased reliance on vendor dependencies and comparatively immature supporting services.

Lessons in Thrift: How Facebook Keeps its Web Pages Snappy
The Web Speed team concentrates 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, though they do cover mobile browsers.

Things to know about the GDPR, Mozilla and Firefox
And the reason is that on Friday, May 25, 2018, a new law takes effect in Europe — the General Data Protection Regulation aka the “GDPR.” If you don’t know what that means or how it affects you, read on. GDPR for lazy people: Block all European users with Cloudflare WorkersGoogle and Facebook accused of breaking GDPR lawsGDPR: US news sites unavailable to EU users under new rulesGDPR: Programmatic ad buying plummets in Europe最严数据隐私条例」GDPR

一个程序员的成长之路 - 剖析别人,总结自己
作为走在前端工程化前列,现任全民直播CTO的张云龙老师,分享了他的个人成长之路,希望能够在前端职业规划上,给大家一些参考和启发。另附一位百度老前端的一个分享:我在百度这十年各 IT 公司的(大)前端团队体系都是怎样的



精读《现代 js 框架存在的根本原因》
深入思考为何前端需要框架,以及 web components 是否可以代替前端框架?

Live2D是一种应用于电子游戏的绘图渲染技术,由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似二维图像的三维模型,换句话说就是2D的素材实现一定程度的3D效果,但只能是一定程度3D,因为Live 2D人物无法大幅度转身。很多知名的动漫都是Live2D游戏改编的或者反过来的。

Growing the Data Visualization Community with deck.gl v5
The Uber Visualization team open sourced deck.gl 5.3, the final deck.gl v5 release of our data visualization software. The v5 releases represent a major effort devoted to making deck.gl easier to use than ever before, and we hope that by sharing the story behind these improvements, we can get users excited to try out deck.gl v5’s new simplified APIs and features.

Web Push Notifications
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
In this article, we’ll explore the concept of Progressive Web Games to see if the concept is practical and viable in a modern web development environment, using PWA features built with Web APIs.

Building AI Enabled GraphQL Applications
How to use GraphQL to map to AWS Lambda functions that work with AI services.

A Developer’s Guide to Headless E-Commerce
Unlike the holistic, monolithic approach of traditional platforms (WordPress, Shopify, etc.), decoupled solutions imply a clear separation between backend and frontend. Chopping its head right off. Thus, “headless”.

Getting Started With CSS Layout
This guide is for you if you are fairly new to CSS and wondering what the best way to approach layout is, but also if you are an experienced developer from elsewhere in the stack who wants to make sure your understanding of layout today is up to date. I have not tried to fully document each layout method here, as that would have created a book and not an article. Instead, I am giving an overview of what is available to you, with plenty of links to find out more.

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 solution to load balancing with a completely reengineered forwarding plane that takes advantage of two recent innovations in kernel engineering: eXpress Data Path (XDP) and the eBPF virtual machine. Katran is deployed today on backend servers in Facebook’s points of presence (PoPs), and it has helped us improve the performance and scalability of network load balancing and reduce inefficiencies such as busy loops when there are no incoming packets.

Open Sourcing Zuul 2
We use Zuul 2 at Netflix as the front door for all requests coming into Netflix’s cloud infrastructure. Zuul 2 significantly improves the architecture and features that allow our gateway to handle, route, and protect Netflix’s cloud systems, and helps provide our 125 million members the best experience possible.

Generating Personalized Content Notifications in Near-Real-Time
Social media are computer-mediated platforms that facilitate creation and sharing of information, ideas, career interests, and other forms of expression via virtual communities and networks. In the last few years, notifications have been proven to be the mainstay for surfacing social media’s value to users and engaging members. Before the advent of notifications, these social media applications relied on a member’s intent for site visits and discovering information, without any prompting by the network.

Centrifuge: a reliable system for delivering billions of events per day
We’re excited to share the architecture for Centrifuge–Segment’s system for reliably sending billions of messages per day to hundreds of public APIs. This post explores the problems Centrifuge solves, as well as the data model we use to run it in production.

Batching API Requests with NGINX Plus and the NGINX JavaScript Module
The version of the NGINX JavaScript module (formerly called nginScript) released with NGINX Plus R15 can now issue subrequests, meaning that requests can be initiated in JavaScript code, allowing a whole new set of use cases to be addressed. The goal of this post is to provide working examples of API request batching that are simple and straightforward.


Gym Retro
We’re releasing the full version of Gym Retro, a platform for reinforcement learning research on games. This brings our publicly-released game count from around 70 Atari games and 30 Sega games to over 1,000 games across a variety of backing emulators. We’re also releasing the tool we use to add new games to the platform.

Kubernetes Engine 1.10 is generally available and ready for the enterprise
We are introducing a train of new features to support enterprise use cases. These include: Shared Virtual Private Cloud (VPC) for better control of your network resources; Regional Persistent Disks and Regional Clusters for higher-availability and stronger SLAs; Node Auto-Repair GA, and Custom Horizontal Pod Autoscaler for greater automation

Material-UI v1 is out
React components that implement Google’s Material Design.

Qt 5.11 released
Qt 5.11 comes with quite a few new features as well as many bug fixes to existing functionality. 另附:Qt for WebAssembly

MongoDB 4.0 Release Candidate 0 Has Landed
Building on the foundations above, MongoDB 4.0 is a significant milestone in the evolution of MongoDB, and we’ve just shipped the first Release Candidate (RC), ready for you to test. Multi-Document ACID Transactions; Aggregation Pipeline Type Conversions; Non-Blocking Secondary Reads…

G2 3.1:在路上
从 3.0 开源到现在已经过去近半年。这半年里,我们从未停止过对扩展图形语法能力边界的探索,G2 也从 3.0 迭代到今天的 3.1 版本。具体说来,G2 有了哪些值得一提的变化呢:更丰富的数据处理和图表类型;来自 D3 社区的图表。

Tencent Server Web(TSW)
Tencent Server Web(TSW),是一套面向WEB前端开发者,以提升问题定位效率为初衷,提供染色抓包、全息日志和异常发现的Node.js基础设施。TSW关注业务的运维监控能力,适用于http、websocket协议的业务场景,可无缝与即有项目进行整合。支持公有云、私有云和本地部署。

JavaScript 算法与数据结构
本仓库包含了多种基于 JavaScript 的算法与数据结构。每种算法和数据结构都有自己的 README 并提供相关说明以及进一步阅读和 YouTube 视频。

Wired Elements
A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same - just like two separate hand drawn shapes.

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.

Functional reactive HTTP middleware framework built on top of Node.js platform, TypeScript and RxJS library.

Saber.js is a minimalistic framework for building static website using Vue.js. 另附:Gatsby - Blazing-fast static site generator for React

nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.

Cool Backgrounds
Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites. Beyond backgrounds, the images generated can be used as desktop wallpapers or cropped for mobile wallpapers.

Parabola.io – Automate your work with visual programming
Drag-and-drop to automate your repetitive tasks. No spreadsheets or coding required.

Winds 2.0: It’s Time to Revive RSS
An elegant open source feed reader app from Stream that brings together Node and MongoDB. I love using RSS to follow the programming and tech news I care about. Unfortunately, the number of sites supporting RSS has been in rapid decline over the last few years. The reader ecosystem is slowly degrading as well. Facebook and Twitter’s dominance is now delivering its final blow to the open standard of RSS. It’s time to turn the tide. Stream is releasing Winds 2.0, an open-source Podcast & RSS Reader.

82-Year-Old Proves You’re Never Too Old to Code
That’s what 82-year-old Masako Wakamiya of Japan decided to do this past year. Since learning to write code in early 2017, the retired bank clerk has gone on to author a free iOS game, Hinadan, specifically geared toward an older, Japanese audience. The app has garnered nearly 5 stars on the Apple App Store, and roughly 53,000 downloads worldwide, since its debut a year ago; Wakamiya is now busy planning future versions in English, Chinese and possibly French.




36 Days Of Type - Experience, lessons learnt and take aways
36 days of type is a design challenge where designers are challenged to design a letter or number each day, resulting an outcome of the ability to represent the same symbol from many different perspectives. So, here is my experience and lessons that I have learnt in these 36 days.

Everything you need to know about Design Systems
Design Systems have become a key part of my everyday work… And from discussions around me, it seems that it is now the case for a lot of people ;)

Gmail, you can be better. You should be better!
In this “opinion article,” I’m going to go over some missing features in the new Gmail UI (Desktop version) and additions that could make Gmail much more efficient and productive.

Orchestrating Experiences
If you embrace the recommended collaborative approaches in your sense-making activities, you and your colleagues should build good momentum toward creating better and valuable end-to-end experiences. In fact, the urge to jump into solution mode will be tempting. Take a deep breath: you have a little more work to do. To ensure that your new insights translate into the right actions, you must collectively define what is good and hold one another accountable for aligning with it.


How Stack Overflow for Teams Fits into the Community
Stack Overflow for Teams promise to be a real boon for companies that sign up. But if you aren’t on a Team just now, they are pretty much invisible to you. In the long run, it certainly doesn’t hurt that they provide some extra revenue for more developers, designers and community managers.

Mental Models: The Best Way to Make Intelligent Decisions
How do you think the most rational people in the world operate their minds? How do they make better decisions? They do it by mentally filing away a massive, but finite amount of fundamental, unchanging knowledge that can be used in evaluating the infinite number of unique scenarios which show up in the real world. That is how consistently rational and effective thinking is done, and if we want to learn how to think properly ourselves, we need to figure out how it’s done. Fortunately, there is a way, and it works.

Bias on the Web
Our inherent human tendency of favoring one thing or opinion over another is reflected in every aspect of our lives, creating both latent and overt biases toward everything we see, hear, and do. Any remedy for bias must start with awareness that bias exists; for example, most mature societies raise awareness of social bias through affirmative-action programs, and, while awareness alone does not completely alleviate the problem, it helps guide us toward a solution. Bias on the Web reflects both societal and internal biases within ourselves, emerging in subtler ways. This article aims to increase awareness of the potential effects imposed on us all through bias present in Web use and content. We must thus consider and account for it in the design of Web systems that truly address people’s needs.

The Bill Gates Line
The broader takeaway is that distinguishing between platforms and aggregators isn’t simply an academic exercise: it should affect how companies think about their competitive environment vis-à-vis the biggest companies in tech, and, just as importantly, it should weigh heavily on regulators. The Microsoft antitrust battles of the 2000s were in many respects about enforcing interoperability as a way of breaking into the Microsoft platform; today antitrust should be far more concerned about aggregators capturing everything they touch by virtue of their control of end users.

在文厨的手上,举办了十年GMIC大会的长城会成长了起来。也有“不投”投资业务,旗下有三个不同的投资基金,他说‘不投’是无为而为。还有“不学”——GASA大学,以“科学复兴”大旗,做高山大学。在多年来用一篇篇千字文记录下宝贵的心得与领悟后,已是互联网创业家、思想者的文厨终于作出决定——将这十年的智慧精华凝结成一本书。于是,就有了这部《不东》。文中 TED 创始人老爷子这个秘诀很赞:“你可以办一辈子会,跟我一样,但要办不一样的会”。