2018.05.14 - Welcome to the immersive web

Title: 2018.05.14 - Welcome to the Immersive Web

Industry Conferences

Microsoft Build & Google I/O https://developer.microsoft.com/en-us/events/build https://events.google.com/io/ – two major events where you can see the latest high‑tech. I/O: Behind Google’s newly announced “black tech,” there are even more important things, Highlights of Google I/O 2018, Build the future of the web with modern JavaScript, Google I/O Developer Roundup: What’s New?, The State of the Web at Google I/O 2018, Tech’s Two Philosophies Build: Microsoft Build conference recap, Microsoft’s Project Ink Analysis lets developers add handwriting recognition to their apps, Azure Machine Learning, JavaScript Custom Functions, and Power BI Custom Visuals Further Expand Developers’ Capabilities with Excel, Microsoft 365 and the Future of App Development

In‑Depth Reading

Welcome to the Immersive Web https://developers.google.com/web/updates/2018/05/welcome-to-immersive
The immersive web refers to virtual‑world experiences delivered through the browser. This includes full‑blown VR experiences accessible via the browser or VR‑enabled headsets such as Google’s Daydream, Oculus Rift, Samsung Gear VR, HTC Vive, and Windows Mixed‑Reality headsets, as well as AR experiences built for AR‑enabled mobile devices.

Introducing Guess.js – a toolkit for enabling data‑driven user experiences on the Web https://blog.mgechev.com/2018/05/09/introducing-guess-js-data-driven-user-experiences-web/
Guess.js is a collection of libraries and tools for creating data‑driven user experiences on the web. With Guess.js we explore how a data‑analytics‑driven approach can improve UX in single‑page applications, framework‑based static sites, static content sites, and enterprise sites.

The Economics of Writing a Technical Book https://medium.com/@rothgar/the-economics-of-writing-a-technical-book-689d0c12fe39
I’m not an expert. I co‑authored a single book in 2017, Cloud Native Infrastructure for O’Reilly Media. Many have asked what the process is like, so I’ll outline the workflow, time commitment, and financial incentives from my perspective. Your experience may differ, but I hope you can learn from what I discovered.

Why Flutter Will Change Mobile Development for the Best https://proandroiddev.com/why-flutter-will-change-mobile-development-for-the-best-c249f71fa63c
If you’re an Android developer, you may have heard of Flutter. It’s a relatively new, supposedly simple framework for building cross‑platform native apps. It isn’t the first of its kind, but Google’s backing gives it credibility. Despite my initial doubts, I gave it a try on a whim—and within a weekend it completely reshaped my view of mobile development. Here’s what I learned. 附：Building a mobile frontend for a Go application using Flutter

Supporting React Native at Pinterest https://medium.com/@Pinterest_Engineering/supporting-react-native-at-pinterest-f8c2233f90e6
Early last year a small group of engineers began exploring whether Pinterest should adopt React Native. We’d been watching the ecosystem since it was open‑sourced in 2015. Since then a robust community has formed, and many companies have integrated it. We decided to take a serious look at the business case for using this technology at Pinterest.

React Context API — A Replacement for Redux? https://blog.bitsrc.io/react-context-api-a-replacement-for-redux-6e20790492b3
How to convert a React app that uses Redux for state management to use React’s new Context API.

My struggle to learn React http://bradfrost.com/blog/post/my-struggle-to-learn-react/
I’ll be honest: I’ve had a hell of a time grasping React. In the ten years of my career, no other technology has been as stubborn for me. It’s frustrating because I really want to learn it, and the library clearly has staying power. 附：A response “my Struggle to learn React”

Where should front‑end engineers focus their technical growth? https://mp.weixin.qq.com/s?__biz=MzAxMTU0NTc4Nw==&mid=2661157671&idx=1&sn=b400eb2ad196fc1ac97bbdbe92ceebe2
Front‑end work shouldn’t be limited to page markup; Node is just a basic skill. The most important point is that technology must drive business—otherwise it has no value. You’re an engineer; your journey is the stars and the sea. Why limit yourself?

In‑depth reading of “async/await is a double‑edged sword” https://zhuanlan.zhihu.com/p/36521539
Finally, async/await is getting criticism. Aditya Agarwal argues that the async/await syntax traps us in new problems.

Old Tree Sprouts New Leaves – Using MobX to Accelerate Your AngularJS App https://github.com/kuitos/kuitos.github.io/issues/38
Still useful for legacy projects.

New CSS Features That Are Changing Web Design https://www.smashingmagazine.com/2018/05/future-of-web-design/
The design landscape has shifted dramatically. We now have powerful tools—CSS Grid, custom properties, shapes, writing‑mode, and more—that let us unleash our creativity.

Google YOLO clickjacking http://www.daemonology.net/hn-daily/2018-05-11.html
YOLO (You Only Login Once) is a Google widget for “one‑tap sign‑up and auto sign‑in on websites.” You embed a Google‑provided iframe, and users can authenticate with a single click. Ironically, “web widgets” and “one click” are truly YOLO (You Only Live Once). Remember the cookie‑consent button you clicked at the very start? Yep, that was a clickjacking attempt 😃.

npm audit: identify and fix insecure dependencies https://blog.npmjs.org/post/173719309445/npm-audit-identify-and-fix-insecure
npm audit is a new command that performs a point‑in‑time security review of your project’s dependency tree. Audit reports list vulnerabilities in your dependencies and help you fix them with simple npm commands and further troubleshooting recommendations.

Server‑side architecture with Node and TypeScript using Nest [https://samueleresca.net/2018/02/server-side-architecture-with-node-and-typescript-with-nest/](https://samu

*(content truncated)

---

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