Bleeding Edge Web: February 2020
News From the Bleeding Edge
— Brian Moeskau (@bmoeskau)
A CLI-First Approach to Web Development
— Corey Butler (@goldglovecb)
TypeScript In-Depth
— Ted Patrick (@__ted__)
Housekeeping
- Speakers and sponsors always wanted
- Join us on Slack
News from the
Bleeding Edge
Browser Pop Quiz
Last check January 21, 2020:
Browser Pop Quiz
As of February 25, 2020:
Chrome 80

PWA-related Origin Trial Graduates
Periodic Background Sync API
Sync your web app's data in the background for a more native-like experience
getInstalledRelatedApps()
Allows your web app to check whether your native app is installed on a user's device, and vice versa.
Chrome 80

JS Optional Chaining
Old:
let nameLength;
if (db && db.user && db.user.name)
nameLength = db.user.name.length;
New:
const nameLength = db?.user?.name?.length;
Edge 80

Released February 7th — Release Notes
- Updated to Chromium 80
- Various Windows-specific users features
Firefox 73

Released February 11th — Release Notes
- Pretty minor release, nothing too interesting
- v74 Note: TLS 1.0 & 1.1 support will be removed (~March 10)
Languages, Libraries &
Frameworks
A typeface for developers
Released January 15th
- Another code-focused mono typeface (also see FiraCode)
- Increased height, 138 code-specific ligatures

Angular 9

Released February 6th — release notes
- New Ivy Compiler and runtime (huge bundle reductions)
- New YouTube and Google Maps components
- Component harnesses for testing components
- TypeScript 3.7 support
Ionic 5

Released February 11th — release notes
- iOS 13 design updates
- Angular Ivy support (plus React and Vue)
- New starter projects, colors, icons and more

a Ruby on Rails equivalent for monolithic fullstack React apps
Announced February 17th — thread (not public yet)
- Claims to be "Rails good parts + React good parts"
- Eliminate all boilerplate and grunt work
- Still vaporware! But coming soon...
GitHub CLI
Supercharge your command line GitHub experience

文言 wenyan-lang
A programming language for the ancient Chinese

Git Command Explorer
Find the right commands you need without digging through the web.

.org Registry Sale Paused
The $1.1B sale to Ethos Capital was announced last November
- People are not happy
- Internet Society advisory council is now reconsidering
- ICANN is reviewing the deal and could halt it
DNSSEC Key Signing Postponed
One of two secure safes malfunctioned

Npm Outage Feb 17th
Caused by a Cloudflare DDoS protection bug
- Cloudflare tweaked HTTP header rules to identify bad traffic
- Npm uses a non-standard "install" referer
- Cloudflare started treating npm installs as DDoS attacks on npm!
- They reverted, but npm was basically down for 2 hours
Great reminder to prepare for such things
An Interesting Bug
- In 2018, Docker and Razer Synapse could not run together
- Each program intended to limit to one running copy of itself
- They both did something like this:
string.Format("Global\{0}", (object) Assembly.↵
GetExecutingAssembly().GetType().GUID);
Can you spot the bug?An Interesting Bug
string.Format("Global\{0}", (object) Assembly.↵
GetExecutingAssembly().GetType().GUID);
.GetType() returns .NET's System.Reflection.RuntimeAssembly
- So each app was sharing .NET's GUID
- Apparently this was from a flawed StackOverflow answer
- Beware the uncritical copy/paste!
VueConf 2020

And now for something completely different...
A 100% Solar-powered Website

Responsive Pixel Art
- Responsive design via SVG
- Check out the demo

Gif Peanut Butter
Perfect for sandwiches, baking, and shutting down internet debates

Gif Peanut Butter

Thanks!
←→ /
#