2018.04.02

Title: 2018.04.02

Industry Conferences

China 4th CSS Conference https://css.w3ctech.com/ A gathering of developers—looking forward to the materials.

GDC – Game Developers Conference 2018 http://www.gdconf.com/conference/index.html Everything you missed from GDC 2018, Godot is doing well at GDC 2018!

Shoptalk – 2018 https://shoptalk.com/ Over 50 countries, more than 8,500 attendees, 300+ mainstream media outlets gathered at Shoptalk 2018 in the United States (the world’s largest e‑commerce and retail innovation conference). Also see: Breaking into the $3 trillion global market, how Google is positioning “new retail”

In‑Depth Reading

V8 release v6.6 https://v8project.blogspot.jp/2018/03/v8-release-66.html V8 v6.6 is packed with developer‑facing goodies. This post previews some highlights ahead of the release: code caching after execution; background compilation; removal of AST numbering; asynchronous performance improvements; array performance improvements…

Google publishes a JavaScript style guide. Here are some key lessons https://medium.freecodecamp.org/google-publishes-a-javascript-style-guide-here-are-some-key-lessons-1810b8ad050b Google released a style guide for writing JavaScript that outlines (what Google believes to be) the best practices for clean, understandable code. Google and Airbnb have two of the most popular style guides out there. I’d definitely recommend checking out both if you spend much time writing JS. Below are thirteen of the most interesting and relevant rules from Google’s JS Style Guide.

React v16.3.0: New lifecycles and context API https://reactjs.org/blog/2018/03/29/react-v-16-3.html In React 16.3.0 we’re adding a few new lifecycle methods to aid migration. We’re also introducing long‑requested APIs: an official context API, a ref‑forwarding API, and an ergonomic ref API. Also see: Update on Async Rendering, Nerv – a blazing‑fast React alternative, compatible with IE8 and React 16

Redux – Not Dead Yet! http://blog.isquaredsoftware.com/2018/03/redux-not-dead-yet/ Clarifying what’s happening with Redux. I’m a Redux maintainer. There’s been a lot of confusion, claims, and misinformation lately, and I want to set the record straight. Is Redux dead, dying, deprecated, or about to be replaced? No. Are there cases where you don’t need Redux? Sure, but that’s always been true.

ESLint + Prettier for a Consistent React Codebase https://blog.gojekengineering.com/eslint-prettier-for-a-consistent-react-codebase-eaa673debb1d In this post I’ll assume we’re building a React app with Create‑React‑App, though most concepts apply to any JavaScript development.

ES modules: A cartoon deep‑dive https://hacks.mozilla.org/2018/03/es-modules-a-cartoon-deep-dive/ Many JavaScript developers know ES modules are controversial, but few truly understand how they work. Let’s examine the problem ES modules solve and how they differ from modules in other systems.

You’re Only One Article Away from Efficient Animation Production https://isux.tencent.com/articles/efficient-animation.html After reading this, front‑end developers can quickly create H5 animations, and designers can efficiently produce animations that faithfully match their vision—hopefully this helps everyone a bit.

What’s a “full‑stack front‑end”? What’s a “K‑type talent”? https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247488604&idx=1&sn=1c2f4848d208a55f120199b184845633 Today I want to discuss the career paths for front‑end engineers. The market is full of noise, misunderstandings, and misinformation. I’ll share my observations and understanding of concepts like full‑stack, Node full‑stack, “big front‑end,” hoping to help you navigate the landscape.

Canary releases, rolling releases, blue‑green deployments—what’s the difference? https://mp.weixin.qq.com/s?__biz=MzIwMzg1ODcwMw==&mid=2247487627&idx=1&sn=34d437a1253bdf61857cf2ac513285ac As engineers, you may have heard terms like “rolling release” and “blue‑green deployment,” but many aren’t clear on the underlying principles. This article summarizes the mainstream deployment strategies, their pros and cons, and applicability, giving developers—especially architects—a clearer, more comprehensive view of modern release techniques so they can choose the right strategy for their organization.

From Copy‑book to Open‑Source Summit: Zhang Yichun’s Programming Life https://mp.weixin.qq.com/s?__biz=MzA4MTEzNzUwMw==&mid=2654880376&idx=1&sn=e092369e7fb96161172aae23272ac0c8 “Spring Brother’s” coding journey began with copying books. Even now, as a rare programming master, he still enthusiastically recommends his copy‑book learning method. He has worked at Yahoo China, Taobao, and Cloudflare, but the open‑source world remains his true passion. Today he’s fully devoted to a new OpenResty roadmap, hoping OpenResty will lead a “machine programming” revolution in industry and the internet. We’re honored to interview him for Turing and share his exhilarating programming story.

The Future of Web Layout https://www.youtube.com/watch?v=LUMkgn_xtlg A webinar discussing new advances in web layout techniques that will impact designers and developers in the near future.

How display: contents; Works https://bitsofco.de/how-display-contents-works/ What happens when you use display: contents? The easiest way to understand is to imagine the element’s opening and closing tags being omitted from the markup.

w descriptors and sizes: Under the hood https://beta.observablehq.com/@eeeps/w-descriptors-and-sizes-under-the-hood If you’re not familiar with srcset, w descriptors, and sizes, the shortest guide to what to put where when you just want an image on a website might be this one by Jake Archibald. Go read it! If you already know the basics, you might not know exactly how browsers use this markup to load images responsively. The mechanics are interesting and have some surprising side effects.

Introducing Cloud Text‑to‑Speech powered by DeepMind WaveNet technology https://cloudplatform.googleblog.com/2018/03/introducing-Cloud-Text-to-Speech-powered-by-Deepmind-WaveNet-technology.html Many Google products (e.g., Google Assistant, Search, Maps) include built‑in high‑quality text‑to‑speech synthesis that sounds natural. Developers have asked to add TTS to their own apps, so today we’re bringing this technology to Google Cloud Platform with Cloud Text‑to‑Speech.

Data Science and the Art of Producing Entertainment at Netflix https://medium.com/netflix-techblog/studio-production-data-science-646ee2cc21a1 Netflix has released hundreds of Originals and plans to spend $8 billion over the next year on content. Creators pour their hearts into turning ideas into joy for viewers. The sublime art of doing this well is hard to describe, but it requires careful orchestration of creative, business, and technical decisions. Here we focus on the latter two—business and technical decisions such as budgeting, location scouting, set building, and scheduling guest actors that enable the creative process.

---

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