#375 — March 2, 2018

Read on the Web

JavaScript Weekly

Don't adjust your sets - we've been tweaking the design.

Yes, JavaScript Weekly is sporting an updated design. We've been testing it on some of our other newsletters (like React Status and Database Weekly) and it's giving us the opportunity to provide more variety and visual interest.

Any feedback or items you want to submit for next week, hit reply, but otherwise enjoy the issue. We'll be trying out a variety of ideas over the coming weeks :-)
— Peter Cooper, editor

webpack 4.0 Released — The popular module and asset bundler is now faster and has new development and production modes with pre-defined settings so you can start quicker too. You might also enjoy a tutorial for using it with Vue.js, a look at the chunk graph improvements, or what the new ‘modes’ do.

Sean T. Larkin

Propel: A Scientific Computing Framework for JS — A NumPy-like framework for mathematical work in JavaScript that can lean on TensorFlow for performance. Works with both Node and in the browser (using WebGL).

Ryan Dahl and Bert Belder

The Future of JavaScript: 2018 and Beyond — What is the state of the JavaScript ecosystem? This whitepaper offers our future-looking analysis and predictions about the latest in JavaScript. We also look back at all the craziness from 2017 and neatly tie it together with a bow. Download now.

Progress sponsor

The Lost Art of the Makefile — It might not be trendy, but GNU Make does a lot of heavy lifting in the open source world and.. you can even use it to build JavaScript projects too.

Jesse Hallett

▶  In The Loop: A Tour of the Event Loop — A 35 minute talk looking at the browser event loop, the thing that orchestrates the main thread of the browser, which includes JS, events, and rendering.

Jake Archibald video

Tracing From JS to the DOM and Back Again with V8 — Debugging memory leaks in Chrome has become much easier now that Chrome 66’s DevTools can trace C++ DOM objects and display all reachable DOM objects from JavaScript with their references. In other V8 news, lazy deserialization has reduced V8’s memory consumption by 500KB+ per tab.

Degenbaev, Filippov, et al.


Senior Front End Engineer at Plectica (New York, NY) — Come build a beautiful collaborative platform for visual brainstorming & thinking with SVG, WebSockets and all sorts of other fun.


Product Engineer — We're looking for a front-end-focused engineer who cares about product design, UX and collaboration to join an exceptional team.


Find a Job You're Passionate About — Vettery connects you directly to hiring managers at over 4,000 top companies. Make a profile today and land your dream job.


Articles and Tutorials

The Origin Story of ESLint — The tale of how a popular linting tool came to be.

Nicholas C Zakas

How to Create an Accessible Autocomplete Component with Vue.js

Filipa Lacerda

TypeScript - JavaScript with Superpowers? — A very elementary introduction to the benefits of TypeScript.

Indrek Lasn

The Webpack 4.0 Release: What's New? — A quick roundup of the features and improvements.

Prosper Otemuyiwa

Ember's Equivalent of React's Render Props

David Tang

Learn to Build JavaScript Apps with MongoDB in M101JS, MongoDB for Node Developers

mongodb sponsor

🎬 Videos, Screencasts and Talks

▶  WebAssembly: What and What Next? — Two Googlers cover WebAssembly right from the basics up.

Ben Titzer and Andreas Rossberg

▶  JavaScript Pranks — A 5 minute tour of the JavaScript behind a truly annoying Web site.

Feross Aboukhadijeh

🔧 Code and Tools

Speed Measure Plugin: Measure Your webpack Build Speed — See how fast (or not) your plugins are so you can optimize your builds.

Stephen Cook

Pagedraw: A Tool to Turn Sketch Mockups into React Apps

Prepack: A Partial Evaluator and Optimizer for JavaScript


vue-cli: A CLI for Faster Vue.js Development

The Vue.js Project

Fix JavaScript Bugs Like a Boss 🛠 — Get real-time monitoring, alerting, analytics for JavaScript errors, and worry less about breaking things. Learn more.

ROLLBAR sponsortools

basicScroll: Standalone Parallax Scrolling with CSS Variables — Use dynamically changing CSS variables to animate whatever you want.

Tobias Reich

Flatbush: Fast Static Spatial Index for 2D Points and Rects

Vladimir Agafonkin

Delighters.js: Trigger CSS Animations as a Page is Scrolled


Get the Best, Most Complete Collection of Angular UI Controls: Wijmo — Wijmo’s dependency-free UI controls include rich declarative markup, full IntelliSense, & the best data grid.

GrapeCity Wijmo sponsor

Tippy.js: A Lightweight, Vanilla JS Tooltip Library

Prompts: Attractive Interactive Prompts for Node CLIs

Terkel Gjervig Nielsen node

FilePond: A Flexible JS File Uploader with Great UX — It's GPLv3 licensed so take care in where you use it unless you get a commercial license.

Rik Schennink