#375 — March 2, 2018 |
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 :-) |
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. |
Jobs |
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. Plectica |
Product Engineer — We're looking for a front-end-focused engineer who cares about product design, UX and collaboration to join an exceptional team. Quip |
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. Vettery |
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 |
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 Q42 |
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 |
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 |