#387 — May 25, 2018

Read on the Web

JavaScript Weekly

Wired Elements: UI Elements with a Hand-Drawn Look — Possibly useful for wireframes and mockups, or wherever you want a less formal look. Implemented as Web Components and cover things like checkboxes, cards, input fields, radio buttons, etc. GitHub repo.

Preet Shihn

JavaScript Algorithms and Data Structures — A wide variety of algorithms (e.g. permutations, Levenshtein distance, binary search) and data structures (e.g. linked lists, trees, stacks) implemented in JavaScript with explanations and links to further reading.

Oleksii Trekhleb

Codacy Helps You Improve Your JavaScript Code — An automated code review tool that allows developers to improve code quality. We check your code against the most popular JS static analysis tools, with specific plugins for Vue, Angular and React. Sign up for free and improve your coding.

Codacy sponsor

SmooshGate FAQ: Array.prototype.flatten is now 'flat' — In issue 376 we wrote up reports that the proposed flatten method could get renamed to smoosh to prevent breaking existing MooTools code. Turns out TC39 are now going with ‘flat’ and here’s the full story.

Mathias Bynens

React 16.4 Released — Gains support for Pointer Events on browsers that support them. Also, check out our React newsletter if you want more React news.

Andrew Clark

JavaScript Start-Up Optimization — Keep your network transmission and parse/compile cost for JavaScript low to ensure pages get interactive quickly.

Addy Osmani

npm 6.1 (next.0) Releasednpm audit fix uses the results from npm audit feature to upgrade insecure dependencies for you keeping semver in mind.

The npm Blog

An Initial Threading Implementation for Node using 'Workers' — Check out the example code for an idea of how you’d use it.

Node.js Foundation

nanoJS: A Minimal Library for DOM Manipulation — A step closer to native JS than jQuery but with some of the niceties (chainable, short method names).

Vladimir Carrer

💻 Jobs

JavaScript Developer at X-Team (Remote) — We help our developers keep learning and growing every day. Unleash your potential. Work from anywhere. Join X-Team.


Senior Frontend Developer at Nested.com, a London Based Startup — We're looking for frontend developers to join our growing team. We're using technology to reinvent the broken industry that is UK property.


JavaScript Expert? Sign Up for Vettery — Top companies use Vettery to find the best tech talent. Take a few minutes to join our platform.


📘 Tutorials

One-Directional Data Binding Without Frameworks — Uses an ES6 proxy to detect changes to an underlying variable.

Jack Tarantino

Intermediate to Advanced Tutorials for Developers: 14 Day Trial — The authors and devs you trust offer bite-sized chunks of tutorials, tips and best practices to raise your game.

The Frontier by Big Nerd Ranch sponsor

Parcel: How Simple Is It, Really? — The conclusion is ‘very’ and if you haven’t played with this ‘zero config’ bundler yet, this is as simple an intro as you’ll get.

Tom Vance

Boosting Your Workflow with Angular 5 Snippets and VS Code

Michael Wanyoike

Testing React Apps with Cypress — A brief guide on how to run end-to-end tests on React apps using the testing framework Cypress.

Rajat S

How Twilio Improves 'Mean Time To Discovery'

ROLLBAR sponsor

▶  The Trick to Understanding Scoped Slots in Vue.js

Adam Wathan

🔧 Code and Tools

Saber.js: A Minimalistic Framework for Building Static Sites using Vue


LagRadar: Trace Frame Rate Lag with a Performance 'Radar'

Ben Birch

Vuido: Build Native Desktop Apps using Vue.js? — Very much an early prototype/proof of concept.

Michal Mecinski

A Much Faster Way to Debug Code Than with Breakpoints or Console.log — Wallaby catches errors in your tests and displays the results of expressions right in your editor as you type.

Wallaby.js sponsor

BetterPromise: An Experiment in Subclassing Promise and 'Fixing' Some Awkward/Bad Parts — Always great to see what Kyle’s thinking.

Kyle Simpson

Hyphenopoly: A Polyfill for Client-Side Hyphenation — An interesting use of WebAssembly here too.

Mathias Nater

Top Angular Plugins for Sublime Text

Jeff Smith

hybrids: UI Library for Creating Web Components with a Simple and Functional APIInteractive sandbox/demo.

Dominik Lubański

rmodal.js: A Simple 1.2 KB Modal Dialog with No Dependencies

Iskren Slavov