--- title: "#334: A Look at Chrome Canary's New ES6 Module Support" publication: "JavaScript Weekly" issue: 334 published_at: "2017-05-12" canonical_url: "https://javascriptweekly.com/issues/334" --- #334: A Look at Chrome Canary's New ES6 Module Support This week's JavaScript news — [Read this e-mail on the Web](http://javascriptweekly.com/issues/334) JavaScript WeeklyIssue 334 — May 12, 2017 **A note from your editor, [@peterc](https://twitter.com/peterc):** If you're into serverless architecture, AWS Lambda, etc. we've launched **[a new weekly serverless newsletter](https://serverless.email/)** - check out [today's issue](https://serverless.email/issues/2) and subscribe if you like it. Today's **[Database Weekly](https://dbweekly.com/issues/154)** is also looking strong if you want to stay up to date with the latest database news :-)[Britecharts: A D3.js-Based Client-Side Charting Library](http://eventbrite.github.io/britecharts/)Based on D3.js v4 and built around reusable components, Britecharts makes it easy to declaratively build charts and visualizations, such as [this.](https://eventbrite.github.io/britecharts/tutorial-stacked-area.html) There’s lots of info in [this introductory post](https://www.eventbrite.com/engineering/introducing-britecharts/) too. Eventbrite [Using the Fetch API (Instead of XMLHttpRequest)](https://css-tricks.com/using-fetch/)The Fetch API is now supported in all mainstream browsers (except IE). It’s promise based and far more elegant than XMLHttpRequest. This is a very thorough intro. Zell Liew [![Frontend Masters\](https://copm.s3.amazonaws.com/0ab6a4b5.png)](https://frontendmasters.com/courses/full-stack/?utm_source=javascriptweekly&utm_medium=email)[☁️ Hey Front-End Devs …Master Full Stack with Jem Young](https://frontendmasters.com/courses/full-stack/)Become a Full Stack Engineer and gain the confidence to master the command line and server. Frontend MastersSponsor [ES6 Module Support Now in Chrome Canary (M60+)](https://medium.com/dev-channel/es6-modules-in-chrome-canary-m60-ba588dfb8ab7)ES6/ES2015 modules are now natively supported in Chrome Canary behind the _Experimental Web Platform_ flag. Here’s the basics of how they work. You may also like [this gist](https://gist.github.com/tbranyen/fc048d257557725c32988d1d69123886) showing off a use case. Sam Thorogood [Speed Racer: Collect Perf Metrics for Your Library/App](https://github.com/ngryman/speedracer)Like a test runner but for performance. It runs in Chrome (headlessly too, if you have the right version) and produces reports on your code’s execution. Nicolas Gryman [Butternut: A Fast, Future-Friendly JavaScript Minifier](https://github.com/Rich-Harris/butternut)Still an alpha/work-in-progress but is significantly faster than other minifiers due to taking a unique approach. Also supports ES6 upwards. Rich Harris [UPNG.js: A Fast PNG Decoder and Lossy Encoder in 520 Lines](https://github.com/photopea/UPNG.js)First linked a month ago as a pure decoder, now it does lossy encoding too. [Example output here.](https://blog.photopea.com/png-minifier-inside-photopea.html#examples) Photopea Jobs - [craigslist seeks JavaScript Developers (San Francisco, CA)](https://www.craigslist.org/about/craigslist_is_hiring?utm_source=javascriptweekly&utm_medium=email)Web devs with JavaScript, CSS, and HTML experience wanted to design and ship new features, and see them loved (or hated) by millions. craigslist - [Senior Front-end Engineer](http://mjdinteractive.com/careers/senior-front-end-developer/?utm_source=javascriptweekly&utm_medium=email)We're looking for an enthusiastic front end engineer to join our team. 3 blocks from the beach. Go to our website to learn more. MJD Interactive - [Front End Developer](https://workingatbooking.com/vacancies/front-end-developer/?gh_src=o6wktv1)Booking.com is looking for Front End Developers all around the globe to join us at our beautiful headquarters in Amsterdam. Booking.com In Brief [Jest 20 Released: Facebook's JavaScript Testing Framework](https://facebook.github.io/jest/blog/2017/05/06/jest-20-delightful-testing-multi-project-runner.html) news Facebook [BrazilJS 2017 Call for Papers Open (for 2 Conferences)](https://docs.google.com/forms/d/e/1FAIpQLSe1pbjy7ctgNyiJmaMM3ccQZG0QZKTvOWrEDNHWp21QOwBfbg/viewform) news In Porto Alegre (Aug 25-26) and Fortaleza (Sep 1-2). [Use AngularJS to Build a Fast and Secure Chat App](https://www.pubnub.com/developers/angularjs/) PubNub gets your data anywhere in under 0.25 seconds. It’s easy with PubNub’s Angular library. PubNubSponsor [All About Recursion and Tail Calls in JavaScript](http://lucasfcosta.com/2017/05/08/All-About-Recursion-PTC-TCO-and-STC-in-JavaScript.html) tutorial Lucas Fernandes da Costa [Writing Secure Node.js Code: A Write Up and Video](https://community.risingstack.com/writing-secure-node-js-code-danny-grander/) tutorial node Danny Grander [Component Architecture Recipes for Angular’s Reactive Forms](https://toddmotto.com/component-architecture-reactive-forms-angular) tutorial Todd Motto [Building an 'Infinite Tube' WebGL Demo with Three.js](https://tympanus.net/codrops/2017/05/09/infinite-tubes-with-three-js/) tutorial Louis Hoebregts [Module Specifiers: What’s New with ES Modules?](http://2ality.com/2017/05/es-module-specifiers.html) tutorial Dr. Axel Rauschmayer [What's A Transducer? Some In-Depth Functional Fun](http://raganwald.com/2017/04/30/transducers.html) tutorial Reg Braithwaite [An 'Ultimate' Atom Editor Setup for JS Development](https://medium.com/productivity-freak/my-atom-editor-setup-for-js-react-9726cd69ad20) tutorial Tons of recommended packages here if you’re an [Atom](https://atom.io/) user. Elad Ossadon [Altering the DOM with JavaScript (For Beginners)](https://zellwk.com/blog/js-in-dom/) tutorial Zell Liew [Proactively detect 🕵️ JavaScript errors and fix them for your users.](https://www.bugsnag.com/platforms/javascript/?utm_source=cooperpress&utm_medium=cpc&utm_content=detect-js-errors&utm_campaign=javascript&utm_term=javascript-weekly-20170512) tools BugsnagSponsor [10 jQuery-Powered HTML5 Audio Players](https://www.sitepoint.com/10-jquery-html5-audio-players/) tools Michael Wanyoike [Reaction: A Real-Time Reactive, JavaScript E-Commerce Platform](https://github.com/reactioncommerce/reaction) code Reaction Commerce [Elasticlunr.js: Lightweight Full-Text Search Engine for the Browser](http://elasticlunr.com/) code Wei Song [A Vue.js Gantt Chart Plugin for Presenting Weekly Tasks](https://github.com/mamboer/vue-easy-gantt) code Levin Van [Sticky Sidebar jQuery Plugin](https://abouolia.github.io/sticky-sidebar/) code Well documented and with live examples. Ahmed Bouhuolia [How to find and fix the slowest code in your .NET application](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=javascriptweekly&utm_medium=displayemail&utm_content=slowest_code&utm_campaign=antsperformanceprofiler&utm_term=email-25731) Find bottlenecks in your code or database & boost performance with ANTS Performance Profiler. [Try it free now](http://www.red-gate.com/products/dotnet-development/ants-performance-profiler/?utm_source=javascriptweekly&utm_medium=displayemail&utm_content=slowest_code&utm_campaign=antsperformanceprofiler&utm_term=email-25731). Red GateSponsor **P.S.** Wondering where all the React stuff is? It's in its own newsletter, [React Status.](https://react.statuscode.com/issues/36) Today's issue is packed full of [great stuff](https://react.statuscode.com/issues/36) including [D3-based viz components for React](https://vx-demo.now.sh/) and [a new React news podcast.](https://5minreact.audio/) Curated by [Peter Cooper](http://twitter.com/peterc) and published by [Cooperpress](https://cooperpress.com/). Like this? You may also enjoy: [FrontEnd Focus](http://frontendfocus.co/) : [Node Weekly](http://nodeweekly.com/) : [React Status](http://react.statuscode.com/) [Stop getting JavaScript Weekly](*|UNSUB|*) : [Change email address](*|UPDATE_PROFILE|*) : [Read this issue on the Web](http://javascriptweekly.com/issues/334) © Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK