#424 — February 15, 2019
JavaScript Weekly
Replacing a 'Hot Path' in Your App's JavaScript with WebAssembly — One benefit that WebAssembly offers is predictable performance across browsers. But how do you turn a hot path written in JavaScript into WebAssembly? This is a technical piece, but there's lot of interesting stuff, including an introduction to AssemblyScript. (It also provoked an interesting discussion on Hacker News.)
Surma
Resource Prioritization – Getting the Browser to Help You — Consider using <link rel=preload> to load your key scripts at a higher priority. It’s improved Twitter Lite’s time to interactive by 36% says Addy Osmani.
Sérgio Gomes (Google)
Design for Developers ✨ New Course by Sarah Drasner — Become more self-sufficient for the entire process for execution, from concept to design to implementation. Understand the rules for designing and learn to create complex and beautiful front-end experiences.
Frontend Masters sponsor
Funding ESLint's Future — ESLint, a linter tool for JavaScript, is a key part of our ecosystem, and now there’s a plan to fund its continuing maintenance and growth. If you use ESLint at work, consider speaking to your company about helping their cause.
ESLint
▶ Ember.js: The Documentary — Whether or not you’ve used Ember or not, this is a beautifully shot mini documentary (25 minutes) and it’d be great to see more for other projects.
HoneyPot
Bluetooth Anywhere: Experimenting with Bluetooth from JS — Some fun experimenting with interacting with a Bluetooth device (a Nordic Thingy:52) in JS on various setups (desktop browser, Cordova app, and a React Native app).
Peter and Anand
Will It finally: A try/catch Quiz — You probably know how try and catch work, but how well do you know finally? Find out with 4 live examples. You’ll almost certainly learn something here.
James K Nelson
💻 Jobs
Front End Developer✌️ in Beautiful Norway🎉 — Passion for React and GraphQL? Want to move to Norway?
Crystallize
Senior Full Stack JavaScript Developer - Atlanta, GA (Full-Time) — Join our talented team building a cloud-based platform that’s helping some of America’s largest companies track things with RFID.
Strategic Systems
Try Vettery — Vettery specializes in developer roles and is completely free for job seekers.
Vettery
📘 Articles, Tutorials and Opinions
ECMAScript 2019: The Final Feature Set — A concise, factual overview.
Dr. Axel Rauschmayer
Building a Beautiful Animated News App with Vue.js and Vuetify — Vuetify is a Material Design component framework for Vue.
Rachid Sakara
What We've Learned About Hiring Engineering Managers — Over the last year, we have made some critical shifts in our understanding of what we believe makes a great engineering manager at CircleCI.
CircleCI sponsor
Managing Image Breakpoints with Angular — Angular has a built-in feature called BreakPoint Observer that evaluates media queries and reacts to the changing environment.
Tamas Piros
'Trusted Types' To Help Prevent Cross-Site Scripting? — A look at an experimental, Chrome-only API that aims to prevent DOM-based cross-site scripting by only letting special typed objects to make certain types of changes to the page.
Krzysztof Kotowicz (Google)
Simulating Blobs of Fluid with JavaScript and Three.js — A well presented explanation of an area where physics, programming and creativity meet.
Peeke Kuepers
▶ Discussing the Current State of Service Workers — Google’s Rick Viscomi and Jeff Posnick discuss where service workers are at right now.
Google Chrome Developers
▶ Discussing Maintaining Babel with Henry Zhu — Henry Zhu chats about his role maintaining Babel, the JavaScript compiler.
ShopTalk Podcast podcast
🔧 Code and Tools
Make Your Site’s Pages 'Instant' in 1 Minute — This is a neat little project, and surprisingly simple. Include a small piece of JavaScript on your pag to add just-in-time prefetching of links on your site when people hover over where they intend to go next. It's open source if you want to use the code directly.
Alexandre Dieulot
Fuse.js: A Lightweight Fuzzy-Search Library — A mature library but it’s had some key releases recently. GitHub repo.
Kirollos Risk
Backend, Frontend, Backend, and Side-to-Side — Honeybadger has your monitoring covered. We are the UGK of error, uptime, and check-in monitoring for JavaScript.
Honeybadger sponsor
Mercury Parser: Extract Content From the 'Chaos' of the Web — Extracts the useful parts from Web pages, such as titles, authors, the main content, etc.
Postlight
Next.js 8 Released: Universal React App Framework — Commonly used to build React apps that are happy server-side. Serverless support is the big feature here.
Neutkens, Davis and Ding
Split.js: Create Resizable Split Views / Panes / Frames — There’s a React component variant too.
Nathan Cahill
Three.js Ballooning Demo — A beautiful little demo of a hot air balloon flying over a 3D landscape. It’s open source, too, if you want to play with the code yourself.
Alexander Perrin