--- title: "Babel 7.0 Released" publication: "JavaScript Weekly" issue: 401 published_at: "2018-08-31" canonical_url: "https://javascriptweekly.com/issues/401" --- This week's JavaScript news #401 — August 31, 2018 [Read on the Web](https://javascriptweekly.com/issues/401) JavaScript Weekly [Babel 7.0 Released: The JavaScript Transpiler](https://babeljs.io/blog/2018/08/27/7.0.0) — A significant release for the popular JavaScript compiler. Some links to help you navigate your way: - If you need just _one_ reason to upgrade, 7.0 is [a lot faster.](https://twitter.com/left_pad/status/927554660508028929) - There's a new [upgrade tool](https://github.com/babel/babel-upgrade) to help you migrate. - [TypeScript support is now baked in.](https://blogs.msdn.microsoft.com/typescript/2018/08/27/typescript-and-babel-7/) - [Stage presets were removed.](https://babeljs.io/blog/2018/07/27/removing-babels-stage-presets) Here's why and how to deal with it. - [Planning for 7.0](https://babeljs.io/blog/2017/09/12/planning-for-7.0) and [Nearing the 7.0 Release](https://babeljs.io/blog/2017/12/27/nearing-the-7.0-release) will bring you up to date with what it's taken to get this far. [![\](https://copm.s3.amazonaws.com/9f0038b2.png)](https://www.telerik.com/campaigns/kendo-ui/wp-functional-programming-with-js-cheat-sheet?utm_medium=cpm&utm_source=jsweekly&utm_campaign=kendo-ui-jquery-whitepaper-funcwithjs&utm_content=primary) [Cheat Sheet: Functional Programming with JavaScript](https://www.telerik.com/campaigns/kendo-ui/wp-functional-programming-with-js-cheat-sheet?utm_medium=cpm&utm_source=jsweekly&utm_campaign=kendo-ui-jquery-whitepaper-funcwithjs&utm_content=primary) — JavaScript developers, here’s a handy resource for your reference stack. This cheat sheet structures some of the language features most commonly used by JavaScript developers interested in writing functional style code. Check it out. Progress Kendo UI sponsor [shimport: Use JavaScript Modules in All Browsers](https://github.com/Rich-Harris/shimport) — Allows you to use JS modules in all browsers, including dynamic `import()`. **Currently experimental** - the creator says _“Don’t rush into production with this; it’s not battle-tested”._ Rich Harris [What's Coming Up in 'JavaScript 2018'](https://thenewstack.io/whats-coming-up-in-javascript-2018-async-generators-better-regex/) — The latest annual ECMAScript update, published in June 2018, is the largest yearly release so far, although still far smaller than ECMAScript 6 with its backlog of already common features. Mary Branscombe [v86: x86 Virtualization in JavaScript](https://github.com/copy/v86) — Works in both the browser and Node. Check out the demos running Windows 98, Linux, and other operating systems. Fabian Hemmer [Lerna Added (Then Removed) A License Term Blocking Some Companies From Using It](https://github.com/lerna/lerna/pull/1616) — If you’re not on social media, you may have missed this story which has since concluded. [Lerna](https://github.com/lerna/lerna), a popular tool for working with monorepos, relicensed itself to block its use at a variety of companies (including Microsoft) but after a lot of discussion and community feedback, [this was reverted.](https://github.com/lerna/lerna/pull/1633) Lerna [This Week's Node Weekly Newsletter](https://nodeweekly.com/issues/253) — If you’ve ever wondered why there isn’t a lot of Node stuff in JavaScript Weekly, it’s because we have [a separate newsletter for that!](https://nodeweekly.com/) This week we covered a V8 vulnerability and how to use Docker for Node.js development. Cooperpress 💻 Jobs [Senior Front End Engineer at External Data Systems, Netflix](https://jobs.netflix.com/jobs/867365) — Help build a world class user interface for the platform that collects data to drive business insights for our teams. Netflix [Find A JavaScript Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-javascriptweekly&utm_term=tech&utm_content=grouped&utm_campaign=ad-77584) — Create a profile to connect with inspiring companies seeking JavaScript devs. Vettery [Place your own job listing in a future issue](https://booking.cooperpress.com/jobs) 📘 Tutorials and Opinions [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ohxy48xtjtylwviisg2l.jpg)](https://www.youtube.com/watch?v=SySdchiCjsQ) ▶[Creating Electronic Dance Music with JavaScript](https://www.youtube.com/watch?v=SySdchiCjsQ) Walmik Deshpande [Serverless Machine Learning with TensorFlow.js](http://jamesthom.as/blog/2018/08/13/serverless-machine-learning-with-tensorflow-dot-js/) — A thorough look at getting Tensorflow, a flexible machine learning framework, to work properly in a serverless environment. James Thomas [Building a Serverless App with MongoDB Stitch](http://thecodebarbarian.com/building-a-serverless-app-with-mongodb-stitch.html) — [MongoDB Stitch](https://stitch.mongodb.com/) is a MongoDB-based serverless platform that can make it quicker to build apps in the cloud. This tutorial is a practical demonstration of using it to build a stock price monitoring app. Valeri Karpov [Build a Netflix Style Video Delivery Platform](https://developer.bitmovin.com/hc/en-us/articles/115001117733?utm_source=cooperpress&utm_medium=email&utm_campaign=javascript-weekly) — SDKs for all platforms - Play videos at the same quality & speed as Netflix & YouTube. Bitmovin sponsor [An Introduction to React and How To Build Your First App](https://auth0.com/blog/react-tutorial-building-and-securing-your-first-app/) — Not just a ‘Hello World’ example but an app that uses a router, components, and even does auth with Auth0’s service. Subscribe to our [React newsletter](https://react.statuscode.com/) if you get a taste for React after this ;-) Bruno Krebs [Using Cloudflare Workers To Make Static Sites Dynamic](https://blog.cloudflare.com/using-workers-to-make-static-sites-dynamic/) — Cloudflare Workers places a serverless JS environment in _front_ of your ordinary site so you can perform various tasks before a request even hits your server. Paddy Sherry [Dynamic App Themes with CSS Variables and JavaScript](https://itnext.io/css-variables-dynamic-app-themes-86c0db61cbbb) Mike Wilcox ▶[Through the Open Source Looking Glass](https://www.youtube.com/watch?v=h0sfFX7WH1c) — A non-technical talk by Babel maintainer Henry Zhu about what it’s like and what it means to be the maintainer of popular open source projects. Henry Zhu [Why is a 'Java Guy' So Excited About Node.js?](https://blog.sourcerer.io/why-is-a-java-guy-so-excited-about-node-js-and-javascript-7cfc423efb44) — Interesting to hear from someone who worked on the Java team at Sun wax lyrical about JavaScript. David Herron [Create A Short Digital Address for Any Location w/ AngularJS](https://www.digitalocean.com/community/tutorials/how-to-generate-short-unique-digital-address-any-location-angularjs-php?utm_source=paid_newsletter+javascript+weekly&utm_medium=display&utm_campaign=2018_Brand&utm_content=8-31-18+javascript+weekly+cooperpress) DigitalOcean sponsor [Why You Should Replace forEach with 'map' and 'filter'](https://gofore.com/en/why-you-should-replace-foreach/) Roope Hakulinen 🔧 Code and Tools [Making a Progressive Web App with Webpack Just Got Easier](https://javascript.tumblr.com/post/177492037092/making-a-progressive-web-app-with-webpack-just-got) — [webpack-web-app-manifest-plugins](https://github.com/tumblr/webpack-web-app-manifest-plugin) generates a PWA manifest and integrates with the assets JSON. Tumblr [babel-upgrade: A New Tool for Automtically Upgrading Projects to Babel 7](https://github.com/babel/babel-upgrade) — In case you missed it at the top of the issue! Babel [Catch JavaScript Errors Before Users Do](https://rollbar.com/javascriptweekly) — Detect JavaScript errors in real-time, then debug them in minutes. Works with Node, React, Angular, and more. ROLLBAR sponsor [goodshare.js: A Vue.js Component for Social Sharing Buttons](https://github.com/koddr/vue-goodshare/) — [Full example here.](https://koddr.github.io/vue-goodshare/en/using-component-single.html) Vic Shóstak [Wexond: A 'Web Browser' Built on Electron and React](https://github.com/wexond/wexond) — An interesting idea. Being Electron-based, it’s using Chromium for rendering, but the UI/chrome is React and styled-components. Wexond [Code Surfer: A React Component for Scrolling, Zooming and Highlighting Code Samples](https://github.com/pomber/code-surfer) Rodrigo Pombo [size-plugin: Track Compressed Webpack Asset Sizes Over Time](https://github.com/GoogleChromeLabs/size-plugin) Google Chrome Labs 📅 Upcoming JavaScript Events - [JSCamp 2018 (Sep 22 in Chicago, IL)](https://chicagojs.org/) — A one day single track event. - [Framework Summit 2018 (Oct 2-3 in Park City, UT)](https://www.frameworksummit.com/) — A new 2 day conference focused on all front end frameworks with keynotes from the teams of the most popular ones. - [Node+JS Interactive (Oct 10-12 in Vancouver, Canada)](http://bit.ly/2NbrcJ8) — One of the largest JavaScript events. Organized by the Linux Foundation. - [CascadiaJS (Nov 15-16 in Seattle, WA)](https://2018.cascadiajs.com/) Curated by [Cooperpress](https://cooperpress.com/) and [Peter Cooper](https://twitter.com/peterc) 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. [Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom