How to use JavaScript modules on the web

#391 — June 22, 2018
Read on the Web

JavaScript Weekly

Using JavaScript Modules on the Web — Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast.
Addy Osmani and Mathias Bynens

A Minimal Guide to ECMAScript Decorators — Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work?
Uday Hiwarale

See Why Facebook, Spotify, & fastlane Trust CircleCI with Their CI/CD — Automate the software development process using continuous integration and continuous delivery so you can focus on what matters: building great things, not waiting for great things to build.
CircleCI sponsor

Billboard.js 1.5 Released: Easy JS Charts — A chart library that uses D3 under the hood. This release adds a new ‘radar’ chart, improved text positioning and clipping, bug fixes, etc.
Jae Sung Park

▶  The Cost of JavaScript — In just 20 minutes Addy Osmani covers approaches to delivering JavaScript in an efficient way to ensure your users experiences are as seamless and smooth as possible.
Addy Osmani

Node 10.5 Released with Experimental Worker Threads Support — Interested in the multi-threading? Check the FAQ and this pull request with example usage.
Node.js Foundation

V8 Release V6.8 — 6.8 is now in beta and will be going mainstream with next month’s Chrome 68. Nothing huge feature-wise but some minor memory and performance improvements.
Mathias Bynens

Github Stars !== Usage: React Still More Popular than Vue — Last week there was a fun community story around Vue.js getting more stars on GitHub than React, but while Vue is growing fast, React still dominates in actual usage.
Kevin Ball

💻 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.
x-team

Senior Front End Developer (Charlotte, NC) — Bring your skills to create, code and optimize websites & user experiences for some of the biggest brands in the US. Join us at RV.
Red Ventures

Have You Tried Vettery? — Vettery matches top tech talent with fast-growing companies. Take a few minutes to join our platform.
Vettery

📘 Tutorials and Opinions

Building a RSS Viewer with Vue.js
Raymond Camden

The Trouble with D3? — D3 is phenomenally powerful, but requires you have a grasp of many concepts to use it well.
Ian Johnson

Writing Your Own ESLint Plugin — Handy for if you or your company have specific code conventions or preferences you want to enforce.
Watandeep Sekhon

Why Do JavaScript Test Frameworks Use describe() and beforeEach()? — Check out our detailed blog based on the State of JavaScript Survey. Helpful links for intermediate to advanced developers.
Big Nerd Ranch sponsor

Why ‘Mapping’ a Constructed Array Doesn’t Work in JavaScript — And a way around the issue.
Shawn Reisner

The Internals of Shadow DOM and How to Build Self-Contained Components — A basic introduction to building Web Components.
Alexander Zlatkov

Build a Single Page App from Scratch Without a Framework — Using jQuery (yes!), Handlebars, Express and Axios.
Michael Wanyoike

Building A Serverless Slack Bot using Cloudflare Workers and JavaScript — Workers is a serverless/edge-computing platform Cloudflare operates.
Rita Kozlov (Cloudflare)

Build a Custom App for Slack
Slack sponsor

How To Build Dynamic Components in Angular 6
Rajat S

Implementing an Infinite Scroll with Vue.js
Dave Berning

🔧 Code and Tools

Material Dashboard: A Bootstrap 4 Material Design Admin Dashboard — Comes in plain HTML, React, Vue, and Angular varieties. Demo.
Creative Tim

Introducing Akita: A New State Management Pattern for Angular Apps — Built on top of RxJS.
Netanel Basal

Realtime. Real Simple — Build and scale interactive, immersive apps with PubNub – chat, collaboration, geolocation, device control and gaming.
PubNub sponsor

number-flip: Increase a Count/Number with a Flipping Animation
日天

Phoenix: A macOS Window and App Manager Scriptable with JavaScript — Written in Objective C, but you can create scripts like this with JavaScript.
Kasper Hirvikoski

Sprite.js: A Cross-Platform Lightweight 2D Render Object Model
Akira Wu

Electron 3.0.0 Beta 1 Release — Significant due to the dependency upgrades (Chrome from 61 to 66, Node from 8 to 10, V8 from 6.1 to 6.6).
Electron

Link: https://javascriptweekly.com/issues/391