2018.09.10 - Removing jQuery from GitHub.com frontend

Title: 2018.09.10 - Removing jQuery from GitHub.com frontend

Deep Reading

React 16.5.0 https://github.com/facebook/react/blob/master/CHANGELOG.md has not been officially released yet; there are a lot of changes, so feel free to take a look. Also see: Dan Abramov Explains How 'Time Slicing' Will Help Pre-Render Hidden Nodes.

Removing jQuery fromGitHub.comfrontend https://githubengineering.com/removing-jquery-from-github-frontend/
We have recently completed a milestone where we were able to drop jQuery as a dependency of the frontend code for GitHub.com. This marks the end of a gradual, years‑long transition of increasingly decoupling from jQuery until we were able to completely remove the library. In this post, we explain a bit of the history of how we started depending on jQuery in the first place, how we realized it was no longer needed, and point out that—instead of replacing it with another library or framework—we were able to achieve everything we needed using standard browser APIs.

Migrating from Underscore to Lodash https://blogs.dropbox.com/tech/2018/09/migrating-from-underscore-to-lodash/
Over the past two years we’ve worked to modernize our front‑end stack. We’ve successfully moved from CoffeeScript to TypeScript, from jQuery to React, and from a custom Flux implementation to Redux. Having completed these migrations we identified our utility library, Underscore, as one more candidate for migration.

Build a Website with Modern Tooling and No Frameworks https://blog.bitsrc.io/build-a-website-with-modern-tooling-and-no-frameworks-a33e65099f9
We all love React, Vue, Angular, [front‑end framework]. But it might be overkill to use them if you just need to build a simple website.

Goodbye Redux https://hackernoon.com/goodbye-redux-26e6a27b3a0b
A complete breakdown of why we needed Redux in the past, and why we don’t any more. (Originally a call to adopt GraphQL…)

TypeScript at Google http://neugierig.org/software/blog/2018/09/typescript-at-google.html
Within Google, TypeScript is now found in varying quantities everywhere; it’s likely that if you use Google products you’ve interacted with some TypeScript code. TypeScript itself is a bundle of interesting compromises, balancing a statically typed programming language against the free‑wheeling JavaScript ecosystem. Also see: TypeScript with Babel: A Beautiful Marriage

The System Design Primer https://github.com/donnemartin/system-design-primer
Introductory material for learning backend architecture.

Why Companies Need a Unified Development Framework https://mp.weixin.qq.com/s?__biz=MzIwMzg1ODcwMw==&mid=2247488436&idx=1&sn=b22a02c590ea1b2e85ece70ff0ee2d1e
In the early stages of a company’s growth, rapid business expansion often takes precedence over cost, operational maintenance, and technical debt. All metrics focus on fast growth, market share capture, and user acquisition. As the company matures and the market stabilizes, the problems caused by that early rapid expansion start to surface. From a technical perspective, establishing a company‑wide unified development framework can bring huge benefits to the production process.

Sleek and Powerful Ant Design Pro 2.0 Officially Released https://www.yuque.com/ant-design/ant-design-pro/ant_design_pro_2.0_is_out
After the 1.0 release, Ant Design Pro attracted widespread attention and usage, climbing to 11,686 stars on GitHub and being deployed in hundreds of internal Ant Financial back‑office applications. Over the past eight months, the 2.0 development plan has been progressing; with 38 contributors who opened PRs for the V2 version, we accumulated 600 commits. After a full architectural overhaul, we delivered the brand‑new Ant Design Pro 2.0. This version brings four brand‑new pages, multiple layout options to broaden Pro’s use cases, a switch of the scaffolding tool from roadhog to umi2, and a cool settings drawer. Also see: G6 2.1 Journey Together and the G6‑based GGEditor – A visual graph editor based.

Building SPA‑Like Apps with Micro‑Frontends https://tech.meituan.com/fe_tiny_spa.html
Micro‑frontends were proposed by ThoughtWorks in 2016, applying the micro‑service concept to the browser: turning a monolithic web app into a composition of many small front‑end apps. This article introduces the practice of “micro‑frontend building of SPA‑like apps” in Meituan’s HR system, sharing thoughts and experiences that may inspire you.

Announcing styled-components v4: Better, Faster, Stronger https://medium.com/styled-components/announcing-styled-components-v4-better-faster-stronger-3fe1aba1a112
A brand‑new global styles API, native support for the “as” and “ref” props, removal of .extend, full React v16 StrictMode compliance, tons of speed improvements, and more 💪

Going International at the Front‑End – Simple React i18n https://blog.daftcode.pl/going-international-at-the-front-end-13983cee429d
Internationalization (i18n) is as old as the Internet, but in today’s fast‑changing world we’re moving from server‑generated “web pages” to “single‑page applications”. This shift is great in many ways, yet we often end up reinventing the wheel. Sometimes server‑side solutions transfer easily to the client, but other times it’s more complex and additional considerations arise.

Take A New Look At CSS Shapes https://www.smashingmagazine.com/2018/09/css-shapes/
In this article we explore CSS Shapes and how to create non‑rectangular forms using images, gradients, and basic shapes. We also discover how new Firefox tools make editing shapes easier. Also see: Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor, Variable Font Support.

What We’ve Learned from the July 2018 Flutter User Survey https://medium.com/flutter-io/what-weve-learned-from-the-july-2018-flutter-user-survey-cbbf1e04370c
The survey was open to the public for two weeks in July 2018 and received responses from 1,016 users. Thank you so much for your valuable feedback! In this post we share what we learned and what we plan to do to address your input.

Who left the cookie jar open? A comprehensive evaluation of third‑party cookie policies https://blog.acolyer.org/2018/09/05/who-left-open-the-cookie-jar-a-comprehensive-evaluation-of-third-party-cookie-policies/
This paper won a ‘Distinguished Paper’ award at USENIX Security 2018 and the 2018 Internet Defense Prize. It evaluates the defense mechanisms built into browsers (and via extensions/add‑ons) that aim to protect against user tracking and cross‑site attacks. Testing across seven browsers and 46 extensions, the authors find that for virtually every browser‑extension combination there is a way to bypass the intended security policies. Also see: All You Need to Know About Cookies – Cookiepedia.

Forecasting at Uber: An Introduction https://eng.uber.com/forecasting-introduction/
This article is the first in a series dedicated to explaining how Uber leverages forecasting to build better products and services. In recent years, machine learning, deep learning, and probabilistic programming have shown great promise in generating accurate forecasts. In addition to standard statistical algorithms, Uber builds forecasting solutions using these three techniques. Below, we dis

(content truncated)

---

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