JavaScript Weekly Issue 408: October 19, 2018

#408 — October 19, 2018

Read on the Web

JavaScript Weekly

33 Concepts Every JavaScript Developer Should Know — A curated collection of links to tutorials on 33 different areas of JavaScript it’s worth understanding well, including types, closures, equality, scope, and different JavaScript engines.

Leonardo Maldonado

Angular 7 Released — A major release with upgrades for the entire Angular platform from the core framework to Angular Material and the CLI tools.

Stephen Fluin (Google)

Adopting a New Tool for Your Team - 5 Tips for Success — Bringing any new tool into an organization can feel like an uphill battle. It’s difficult to overcome inertia, even with the promise of improved workflows and happier teammates.

CircleCI sponsor

Omi: A 'Next Generation' Web Framework in 4KB of JS — Built around JSX, Web Components, and Shadow DOM. Check out the ‘one minute’ example code to see if you like their approach.

Tencent

The Ultimate Guide to Execution Contexts, Hoisting, Scopes, and Closures in JavaScript — Any article starting ‘The Ultimate Guide to..’ usually makes me raise my eyebrows, but in this case it’s Tyler so it’s OK :-)

Tyler McGinnis

Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers — More browsers than ever are releasing frequent updates and supporting modern standards, so with code size rising fast, is it time to rethink asset delivery for the modern web?

Shubham Kanodia

Why Using reduce() to Sequentially Resolve Promises Works — A must read if you’re trying to sequentially resolve a bunch of promises in order, one after the other.

Alex Macarthur

💻 Jobs

Sr. Backend Engineer - Node.js / React / MongoDB (San Francisco) — We’re changing healthcare. Join us and help us scale our core Node backend platform that connects patients and doctors.

Luma Health

Distribute Systems Engineering with Node.js — If consensus algorithms and distributed systems pique your interest, join the team behind our global fault-tolerant messaging platform.

Ably Realtime

Join Our Career Marketplace & Get Matched With A Job You Love — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details.

Hired

📘 Tutorials and Opinions

How to Stop using console.log() and Start using Your Browser’s Debugger — This blew up on Twitter, emphasizing just how common console.log debugging is :-)

Parag Zaveri

Searching and Sorting Text with Diacritical Marks in JavaScript — The art of normalizing Unicode text.

Paul Springett

5 Tips to Write Better Conditionals in JavaScript

Jecelyn Yeen

How Do Top Developers Deliver Video? - Download the 2018 Video Report

Bitmovin sponsor

Ruby Gotchas for the JavaScript Developer — I’d not thought of people picking up Ruby after JavaScript, but as it appears to happen, this may be of use.

Dmitry Pashkevich

Eliminate An Entire Category of Bugs with a Few Simple Tools — Be sure to use ESLint, Prettier, and Flow or TypeScript says Kent.

Kent C. Dodds

Creating an Interactive Map with D3 and Vue.js — How to display maps using both D3 and JSX. Live demo. Source code.

Mikhail Panichev

🔧 Code and Tools

Evergreen: A React UI Framework — Polished React components from buttons and text inputs to menus, side sheets and tables.

Segment

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

LoopBack v4 Released: The Node.js API Framework — To create a REST API you can now just decorate classes with OpenAPI compatible metadata. Full announcement post.

IBM

graphql.js: A Simple and Isomorphic GraphQL Client

Fatih Kadir Akın

billboard.js: A Simple Chart Library Based on D3 v4+

Naver Corp

Eagle.js: A Hackable Slideshow Framework Built with Vue.js — Supports animations, themes, and interactive widgets, and makes it easy to reuse slides and styles across presentations. Demo.

Zulko

Explore the Ext JS Kitchen Sink - 115+ Components for React Apps — Ext JS provides 115+ fully supported UI components that easily integrate into React apps. See our examples.

SENCHA sponsor

Styled Map: A Simpler Way to Map Props to Styles with Styled Components

Scott Michael

Inferno: A Fast, React-like JavaScript Library for Building Modern UIs — A long-standing project but version 6 just came out.

Inferno