How to use JavaScript modules on the web

This week's JavaScript news

#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

Curated by Cooperpress and Peter Cooper 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. Change your email address or Stop getting this newsletter © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom