2018.06.11 - G6 2.0 开源发布

Title: 2018.06.11 – G6 2.0 Open‑Source Release

Industry Conferences

WWDC 2018 https://developer.apple.com/wwdc/ Related:

• MapKit JS brings Apple Maps to your website
• Designing websites for the Apple watchOS breakpoint
• SiriKit for iOS and watchOS
• Apple just made Safari the good privacy browser
• What developers need to know about WWDC 2018 new features

In‑Depth Reading

Microsoft + GitHub = Empowering Developers https://blogs.microsoft.com/blog/2018/06/04/microsoft-github-empowering-developers/
We announced an agreement to acquire GitHub, the world’s leading software development platform. I want to share what this acquisition will mean for our industry and for developers. The era of the intelligent cloud and intelligent edge is upon us. Computing is becoming embedded in the world, with every part of our daily life and work and every aspect of our society and economy being transformed by digital technology. Developers are the builders of this new era, writing the world’s code. And GitHub is their home.

Additional reads: GitHub founder’s A bright future for GitHub, GitLab sees huge spike in project imports, GitLab Ultimate and Gold now free for education and open source, The Cost of Developers

You Probably Don't Need Derived State https://reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html
React 16.4 included a bug‑fix for getDerivedStateFromProps which caused some existing bugs in React components to reproduce more consistently. If this release exposed a case where your application was using an anti‑pattern and didn’t work properly after the fix, we’re sorry for the churn. In this post we explain common anti‑patterns with derived state and our preferred alternatives.

10 Things I Regret About Node.js – Ryan Dahl – JSConf EU 2018 https://www.youtube.com/watch?v=M3BM9TB-8yA
A great talk about Node where Dahl also discusses his new project Deno, a secure TypeScript runtime on V8. Highlights of his regrets: dynamic languages are great for certain things, but on a server you want static typing (hence Deno is written in TypeScript and Go); design mistakes such as not sticking with Promises early on, which could have accelerated async/await development; security; the build system (GYP); package.json.

G6 2.0 Open‑Source Release https://yuque.com/antv/blog/g6-2.0-release
G6 is Ant Financial’s (AntV) visualization engine for relational data. From its inception in December 2016 to now, a year and a half has passed. During that time G6 directly or indirectly supported nearly one hundred business systems within the Alibaba ecosystem. It received praise as well as criticism, achieved notable successes and exposed many issues. Six months ago we began developing G6 2.0, combining real‑world business needs, mature industry frameworks, and a touch of restless innovation. After careful design and months of joint polishing with many product teams, it’s ready. Also see: Data Visualization 1996‑2018

Building the Front‑End Team for Song Xiaocai Fresh‑Food B2B https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651228902&idx=1&sn=33543a06f136f15eb8f671dd4f3cbeb9
The mobile‑first direction of the product provides the backdrop for this article. We first examine which platforms host the “Xiaocai” product, then discuss the challenges those platforms bring, followed by the strategies we adopted to meet those challenges, and finally reflect on the technical growth and knowledge accumulation of the Xiaocai front‑end team, our self‑assessment, and future outlook. The article is written in the most straightforward way possible—somewhat verbose, but aimed at being friendly to newcomers.

Vue Technical Deep‑Dive http://hcysun.me/vue-design/
Line‑by‑line analysis of the Vue source code.

A Decade at Baidu: From Tech to Management https://mp.weixin.qq.com/s?__biz=MjM5NTM0NDI3Mg==&mid=2650337543&idx=1&sn=eb9c6c036ae7750b6d9195e49e8bdad6
Whether to move from a technical role to management? I strongly endorse a simple rule—look at where your sense of achievement comes from. Also see Da Mo’s My Three Years at Alibaba

The Definitive Guide to React Material https://blog.logrocket.com/the-definitive-guide-to-react-material-d730c8a3e8ba
In this article we explore how to build React apps with a Material Design theme. Various libraries exist, but we’ll use the material‑ui library for this guide.

How to Start with Variable Fonts on the Web https://www.zeichenschatz.net/typografie/how-to-start-with-variable-fonts-on-the-web.html
A primer on variable fonts for the web, covering: what they are, what you can do with them, whether stretching a font is a bad idea, the advantages they bring, how to use them on the web, potential pitfalls, and when to start adopting them.

Level Up Your CSS Selector Skills https://blog.logrocket.com/level-up-your-css-selector-skills-5d7bb45ddd37
Join me as we examine various CSS selectors. How many do you already use daily? Let me know. Ready to improve? Let’s go.

Combining the Powers of SEM and BIO for Improving CSS https://css-tricks.com/combining-the-powers-of-sem-and-bio-for-improving-css/
If your Sass looks like the example below, you can boost it with SEM & BIO—a CSS technique I’ll introduce now. I’ll use the code sample to explain how SEM and BIO work and how they can enhance your CSS strategy.

Keeping Node.js Fast: Tools, Techniques, and Tips for Making High‑Performance Node.js Servers https://www.smashingmagazine.com/2018/06/nodejs-tools-techniques-performance-servers/
If you’ve been building anything with Node.js for a while, you’ve probably felt the pain of unexpected speed issues. JavaScript’s event‑driven, asynchronous nature makes performance reasoning tricky. The surge in Node’s popularity has highlighted the need for tooling, techniques, and mindsets suited to server‑side JavaScript. What works in the browser doesn’t always suit Node. How do we ensure a Node implementation is fast and fit for purpose? Let’s walk through a hands‑on example.

Overscripted! Digging into JavaScript Execution at Scale https://hacks.mozilla.org/2018/06/overscripted-digging-into-javascript-execution-at-scale/
We set out to explore the hidden series of JavaScript execution events triggered when a user visits a page, and all first‑ and third‑party events set in motion when content is retrieved. To enable further exploration, we’re releasing the full dataset of JavaScript executions as open source. The following sections introduce the dataset, how it was collected, and the decisions made along the way. We’ll share insight examples and explain how to participate in the associated “Overscripted Web: A Mozilla Data Analysis” project.

---

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