2018.07.09 - Announcing npm.community

Title: 2018.07.09 - Announcing npm.community

Industry Conferences

2018 Baidu AI Developer Conference http://create.baidu.com/
Human history is full of milestone innovations that start from modest dreams and grow into world‑changing forces. In this AI era, every dream has a better chance of becoming reality, and a developer’s innovation is only one step away from implementation. This summer, Baidu invites developers worldwide to discover the power that can change the world—let’s Create More together.

ArchSummit 2018 – Shenzhen https://sz2018.archsummit.com/
ArchSummit focuses on the industry’s powerful technical achievements, adhering to the principle of “practice first, case‑driven.” It showcases best‑practice applications of advanced technologies across sectors and highlights how technology drives enterprise transformation and growth. The goal is to help tech managers, CTOs, and architects with technology selection, team building and management, and to establish technology’s critical role in products and business.

In‑Depth Reading

Web Components in 2018 https://www.sitepen.com/blog/2018/07/06/web-components-in-2018/
Adoption and hype around Web Components have been extended and undulating. That said, as the Web Component specifications gain better adoption, the need for polyfills should gradually dissolve, keeping them leaner and faster for users. The Shadow DOM allows developers to write simple, scoped CSS which is arguably easier to manage and generally better for performance. Custom Elements give a unified methodology for defining components that can (in theory) get used across codebases and teams.

Vue.js: the good, the meh, and the ugly https://medium.com/@Pier/vue-js-the-good-the-meh-and-the-ugly-82800bbe6684
Moving from React to Vue, two years later. Picking up new frameworks and libraries is exciting but also stressful. Even after some evaluation you never really know what skeletons you’re going to find out down the road. My honeymoon period is long over. After about 2 years of using Vue almost daily I can finally write about it with some perspective. 另附：Building Mobile Apps With Capacitor And Vue.js.

What Is Redux: A Designer’s Guide https://www.smashingmagazine.com/2018/07/redux-designers-guide/
Do you know Redux’s real power is beyond managing the state? Do you want to design with an understanding of how Redux works in mind? Let’s dig deeper into what Redux can do, why it does its things, what the downsides are, and how it relates to design.

React Native: A retrospective from the mobile‑engineering team at Udacity https://engineering.udacity.com/react-native-a-retrospective-from-the-mobile-engineering-team-at-udacity-89975d6a8102
The mobile team here at Udacity recently removed the last features in our apps that were written with React Native. We’ve received numerous questions regarding our usage of React Native and why we’ve stopped investing in it. In this post, I hope to answer the majority of the questions we’ve received and give insight into: What is the size & makeup of our particular team? Why did we try React Native in the first place? What was the reason for removing it? What worked? What didn’t? 另附：Would Airbnb Have Fared Better With NativeScript Instead of React Native、Releasing 0.56 · React Native.

Front‑end Meets Go: A New Practice for Incremental Static‑Asset Updates https://tech.meituan.com/fe-and-golang.html
Meituan Financial’s business has grown extremely fast recently. While the business expands, we’ve noticed that many users are paying in weak‑network conditions. As you know, the front‑end can serve users only if JavaScript, CSS, and other static assets load correctly. In a poor network, the larger the assets, the higher the chance of download failure. Our data shows that 2 % of user churn is related to resource loading. Therefore, the smaller the update cost and the higher the success rate, the lower the churn—and the higher the order conversion rate.

Six or Seven Ways to Implement Front‑end Micro‑services https://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652975949&idx=1&sn=c36387188283dd4fae52257357541729
Micro‑frontend architecture is a pattern similar to micro‑services, applying the micro‑service mindset to the browser. It transforms a monolithic web app into a composition of many small front‑end apps. The result is that these front‑end apps can run, develop, and deploy independently, while still sharing components—managed via NPM, Git tags, or Git submodules.

Popular Science Article: How to Run Multiple Node Versions on a Server https://yuque.com/egg/nodejs/node-multi-versioning
Many companies install a single global Node.js runtime on their servers and rarely upgrade it. Tools like nvs or nvm can switch versions but cannot keep multiple versions alive simultaneously, and servers often forbid arbitrary upgrades. Hence developers lament, “It’s 8012 AD and we’re still on Node 4.x or even 0.x—so frustrating!” Today, Docker is the best solution, but many small firms are still stuck in the trenches. This article introduces a solution we adopted early on that perfectly solves the multi‑version Node problem without Docker. Popular Science Article: Why You Can’t Run npm install on a Server

W3C Highlights Report Released, Summarizing the 2018 Roadmap https://mp.weixin.qq.com/s/o0EnLmcCX1FvjIe3NbutJA
The report consolidates recent W3C work highlights, summarizing optimizations, improvements, innovations, incubations, research, and the 2018 roadmap. While driving core innovations in technology and functionality, W3C continuously expands the Web to meet new opportunities and challenges. Major advances across many domains showcase the vitality of W3C and the Web community, and we can see new Web technologies maturing and progressing further.

Huawei Quick App Engine Architecture Explained https://mp.weixin.qq.com/s/JdNJifhpkGzd0VpLZhN6Eg
Quick Apps are a new app form factor built on mobile hardware platforms. They require no installation—just tap and use—while delivering native‑app‑like experiences (performance, system integration, interaction, etc.). From the start, Quick Apps standardized development specifications, capability integration, and developer services across phone manufacturers, dramatically lowering developers’ adaptation costs.

Get Better Type Checking in JavaScript with the Maybe Type https://blog.bitsrc.io/get-better-type-checking-in-javascript-with-the-maybe-type-e7f70b23b505
Maybe type is a popular abstraction for defining values that may or may not exist. It encapsulates the type checking and guards our code against any error or bugs caused by the missing values. In this post, I will show how to use Maybe and keep your app readable and maintainable. Let’s dive in.

Pointer Events with React — The Why, How, What? https://medium.com/@wesharehoodies/pointer-events-with-react-the-why-how-what-617a5b51dbb2
Back in the good old days we only had a mouse and listening for events was simple. The web content assumed the user’s pointing device will be a mouse. Nowadays we have many devices which don’t correlate to having a mouse, like phones with touch surface or pens. How can we listen for events if the user doesn’t have a mouse?

Resilient, Declarative, Contextual https://keithjgrant.com/posts/2018/06/resilient-declarative-contextual/
Today I want to take a different tack. I want to look at three key characteristics of CSS that set it apart from conventional programming languages: it’s resilient; it’s declarative; and it’s contextual. Understanding these aspects of the language, I think, is key to becoming proficient in CSS.

Clearfix: A Lesson in Web Development Evolution https://css-tricks.com/clearfix-a-lesson-in-web-development-evolution/
The web community has, for the most part, been a spectacularly open place. As such, a lot of the best development techniques happen right out in the open, on blogs and in forums, evolving as they’re passed around and improved. I thought it might be fun (and fascinating) to actually follow this creative exchange all the way through. To take a look at a popular CSS trick, the clearfix, and find out exactly how a web design technique comes to be.

Building a Snipping Tool with Electron, React and Node.js https://quantizd.com/building-a-snipping-tool-with-electron-react-and-node-js/
In this tutorial, I’ll show how to build a snipping tool using desktopCapturer module. We’ll use React for building our application’s user interface and Nodejs as a backend server for uploading snipped images.

A Real‑World WebAssembly Benchmark https://pspdfkit.com/blog/2018/a-real-world-webassembly-benchmark/
Rendering PDF documents is a complex task: The for

---

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