2018.06.25 - Hello, Pulumi - Get Code to the Cloud. Faster. Together.

Title: 2018.06.25 - Hello, Pulumi - Get Code to the Cloud. Faster. Together.

Industry Conferences

GMTC2018 Global Front‑End Technology Conference https://gmtc.geekbang.org/ Front‑end conferences are getting more and more high‑profile. At the event Flutter announced Release Preview 1 (https://mp.weixin.qq.com/s?__biz=MzAwODY4OTk2Mg==&mid=2652046552&idx=1&sn=ec4db0a0f43e5062a81745bd140b985f).

In‑Depth Reading

V8 release v6.8 https://v8project.blogspot.com/2018/06/v8-release-68.html This post provides a preview of some of the highlights in anticipation of the release. In parallel we have reduced the memory consumption of SFIs themselves, removing unnecessary fields or compressing them where possible, and decreased their size by ~25%, with further reductions coming in future releases. In V8 v6.8 you can start using trap‑based bounds checking on Linux x64 platforms. Performance improvements: Array destructuring, Object.assign, TypedArray.prototype.sort.

The Cost Of JavaScript – Addy Osmani https://www.youtube.com/watch?v=63I-mEuSvGA Addy Osmani explains how and why JavaScript is the most expensive resource your site uses today—especially on mobile. He also shares tips for fixing JavaScript performance issues so everything loads faster.

GitHub Stars ≠ Usage: React Is Still Blowing Vue and Angular Away https://zendev.com/2018/06/19/react-usage-beating-vue-angular.html By digging into the NPM download statistics, we find that despite the hype around Vue’s skyrocketing GitHub stars, React is still the 800‑pound gorilla in the JavaScript framework space. It is about to cross the mammoth 10 million downloads per month, and has been growing at a torrid rate.

Using JavaScript modules on the web https://developers.google.com/web/fundamentals/primers/modules JavaScript modules are now supported in all major browsers! This article explains how to use JS modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.

Picasso Opens the Future of the “Big Front‑End” https://tech.meituan.com/picasso_the_future.html Picasso is a high‑performance, cross‑platform dynamic framework built by Meituan‑Dianping’s mobile R&D team. After more than two years of development, it is now deployed at large scale across many of Meituan’s business units. Picasso stems from a re‑thinking of big‑front‑end practices; its clean, efficient architecture achieves high‑performance page rendering. In practice, migrating native code to Picasso can serve as a performance‑optimization technique. At the same time, Picasso has made breakthrough progress in bridging mini‑programs and the Web, aiming to unify big‑front‑end development across four platforms (Android, iOS, H5, WeChat Mini‑Program) while delivering high performance. Combined with Picasso’s expressive layout DSL and code‑generation capabilities, productivity can be further boosted.

SpriteJS – Canvas Animation Has Never Been Easier https://www.h5jun.com/post/spritejs.html Led by Qiyu Team leader “Yueying,” 360’s open‑source project SpriteJS makes cool data visualizations and canvas animations so easy that you can realize your animation dreams. SpriteJS is an open‑source, cross‑platform canvas drawing library from 360 Qiyu Team. It lets you quickly draw structured UI, animations, and interactive effects on canvas and publish them to any canvas‑enabled platform (browsers, mini‑programs, Node, etc.).

Front‑End Development – Domain‑Driven Design https://yuque.com/mayiprototeam/gfyt69/oq14ia As the scenarios we solve become more specialized and complex, and large‑scale SPA applications become common, the responsibilities of the front end keep expanding. Code quality and system integrity become harder to maintain, and it’s easy to reach a point where the existing codebase feels unchangeable, forcing a rewrite. Ultimately this stems from uncontrolled complexity. This article analyses the problems and offers suggestions on how to apply domain‑model development practices in the front end.

WWDC2018 – Technical Notes from Front‑Line Developers https://techblog.toutiao.com/2018/06/19/untitled-49/ Thanks to the colleagues at Toutiao for sharing.

React Native at Airbnb https://medium.com/airbnb-engineering/react-native-at-airbnb-f95aa460be1c In 2016, we took a big bet on React Native. Different teams had a wide range of experiences with React Native. React Native proved to be an incredible tool at times while posing technical and organizational challenges in others. In this series, we provide a detailed account of our experiences with it and what we’re doing next. A little discipline can help if you want your site to load and be interactive as soon as possible on mobile. As a result, moving forward, we are sunsetting React Native at Airbnb and reinvesting all of our efforts back into native, see Sunsetting React Native (https://medium.com/airbnb-engineering/sunsetting-react-native-1868ba28e30a). Also see: State of React Native 2018 (https://facebook.github.io/react-native/blog/2018/06/14/state-of-react-native-2018).

How JavaScript works: the internals of Shadow DOM + how to build self‑contained components https://blog.sessionstack.com/how-javascript-works-the-internals-of-shadow-dom-how-to-build-self-contained-components-244331c4de6e Web Components is a suite of different technologies that allows you to create reusable custom elements. Their functionality is encapsulated away from the rest of your code, and you can utilize them in your web apps. There are four Web Component standards: Shadow DOM, HTML Templates, Custom Elements, HTML Imports. In this article we’ll focus on the Shadow DOM.

End‑to‑end testing Single Page Apps and Node.js APIs with Cucumber.js and Puppeteer https://medium.com/@anephenix/end-to-end-testing-single-page-apps-and-node-js-apis-with-cucumber-js-and-puppeteer-ad5a519ace0 Single Page Apps are a popular approach to building web applications, but testing them end‑to‑end is not simple; you need to spin up the backend (potentially a collection of APIs and databases) and make sure the combination of the SPA and APIs works as expected. The good news is that there is a way to do this, and in this article we will show you how, using a Behaviour‑Driven‑Development tool called Cucumber.js and Google’s browser library Puppeteer. If you develop Node.js web applications and want to use E2E testing for them but don’t know how, this article is for you.

MySQL High Availability at GitHub https://githubengineering.com/mysql-high-availability-at-github/ GitHub uses MySQL as its main datastore for all things non‑git, and its availability is critical to GitHub’s operation. The site itself, GitHub’s API, authentication and more, all require database access. This post illustrates GitHub’s MySQL high‑availability and master service‑discovery solution, which allows us to reliably run a cross‑data‑center operation, be tolerant of data‑center isolation, and achieve short outage times on a failure. Also see: Databases in 2018: The State of the Developer Ecosystem (https://www.jetbrains.com/research/devecosystem-2018/databases/).

Post Inspector: A Tool to Optimize Content Sharing https://engineering.linkedin.com/blog/2018/06/post-inspector--a-tool-to-optimize-content-sharing The Content Ingestion team at LinkedIn primarily focuses on discovering content across the web and ingesting it into the LinkedIn content ecosystem. Not only do we ingest content whenever a member shares a URL, but we also proactively search for interesting content that our members could enjoy. Given the team’s focus, we’ve created a tool—called Post Inspector—for external content providers and internal teams at LinkedIn that provides insight into how we extract metadata so that content providers can easily optimize the sharing experience of their content on the LinkedIn platform.

Growth Engineering at Netflix — Accelerating Innovation https://medium.com/netflix-techblog/growth-engineering-at-netflix-accelerating-innovation-90eb8e70ce59 The customer experience is remarkably different in each of these cases, but the goal is the same. We seek to offer the best possible signup experience to our prospective members while at the same time, remaining extremely lean, agile and efficient in our … (content truncated)

---

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