---
title: "Vue CLI 3.0, Babel 7 RC, and a playground for Electron coding"
publication: "JavaScript Weekly"
issue: 398
published_at: "2018-08-10"
canonical_url: "https://javascriptweekly.com/issues/398"
---

This week's JavaScript news       

#398 — August 10, 2018 

[Read on the Web](https://javascriptweekly.com/issues/398)   

JavaScript Weekly 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/rtrl7nyxgpxqfuwzwrws.jpg)](https://medium.com/@felixrieseberg/introducing-electron-fiddle-1de2be1ba6e7)  

[Electron Fiddle: A Playground for Electron Experiments](https://medium.com/@felixrieseberg/introducing-electron-fiddle-1de2be1ba6e7) — Want to quickly experiment with [Electron](https://electronjs.org/) (a cross-platform JS desktop app environment) development? Electron Fiddle is a downloadable cross-platform app that makes it easy. [Downloads here.](https://github.com/electron/fiddle#readme) 

Felix Rieseberg   

[Pts: A Library for Visualization and Creative Coding](https://ptsjs.org/) — An impressive, lightweight and modular library, written in TypeScript and compiled to ES6. Plenty of [demos to play around with](https://ptsjs.org/demo/). 

William Ngan   [![\](https://copm.s3.amazonaws.com/000aa8fa.jpg)](https://frontendmasters.com/courses/javascript-new-hard-parts/) 

[🔨 JavaScript: The 'New' Hard Parts](https://frontendmasters.com/courses/javascript-new-hard-parts/) — In this new course, you'll develop an intuitive understanding of the new features of JavaScript in ES6+: iterators, generators, promises, and async/await. Go under the hood of async JS and learn to solve complex async challenges with ease. 

Frontend Masters sponsor   

[How to Deal with Dirty Side Effects in Your Pure Functional JavaScript](https://jrsinclair.com/articles/2018/how-to-deal-with-dirty-side-effects-in-your-pure-functional-javascript/) — _“A pure function is a function that has no side effects. But if you know anything about programming, you know that side effects are the_ whole point_.”_ 

James Sinclair   

[Getting Alexa to Respond to Sign Language Using a Webcam and TensorFlow.js](https://medium.com/tensorflow/getting-alexa-to-respond-to-sign-language-using-your-webcam-and-tensorflow-js-735ccc1e6d3f) — A look at the underlying tech behind a proof of concept to get an Amazon Echo to respond to sign language, plus how the system was built using TensorFlow.js. [Live demo here.](https://shekit.github.io/alexa-sign-language-translator/) 

Abhishek Singh   

[First Babel 7.0 Release Candidates Available](https://github.com/babel/babel/releases) — [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’s new in this long awaited released. 

Babel   

[Vue CLI 3.0 Released](https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb) — Vue CLI provides the standard build toolchain for Vue applications and this new version is a rewrite that uses pre-configured webpack features, ES2017 transpilation, and PostCSS out of the box. 

Evan You   

[V8 Version 6.9: An Efficiency and Performance Release](https://v8project.blogspot.com/2018/08/v8-release-69.html) — Features reduced memory usage through embedded built-ins, faster WebAssembly startup through the new _Liftoff_ compiler, better DataView and WeakMap performance, and more. 

Mathias Bynens  

💻 Jobs  

[Senior Software Engineer (NYC)](https://www.reaktor.com/careers/senior-software-engineer/?utm_source=JS&utm_campaign=2018) — Learn from the best and lead by example. Do your finest work, with purpose, freedom, and a great community. 

Reaktor   

[Frontend Engineer in Fast-Growing FinTech Start-up in Munich](https://scalablecapital.recruitee.com/o/frontend-engineer) — Help building, running & deploying our SSR React, GraphQL, D3 frontend stack. 

Scalable Capital   

[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 4,000+ companies seeking top tech talent. 

Vettery  

📘 Tutorials and Opinions  

[Hello WebAssembly](https://medium.com/commitlog/hello-webassembly-882bba5c9fb7) — An introductory yet low-level introduction to WebAssembly. 

Casper Beyer   

[Building a Long Press Directive in Vue](https://blog.logrocket.com/building-a-long-press-directive-in-vue-3408d60fb511) 

Obaseki Nosa   

[Full Stack Essentials with React: Bootcamp](https://www.bignerdranch.com/bootcamps/courses/full-stack-essentials-with-react/?utm_source=JavascriptWeekly&utm_campaign=2018_Q3_CooperPress) — It’s immersive. It’s Intense. It’s Oct 15-19. Few seats remain. 

Big Nerd Ranch sponsor   

[Turning an Angular 6 App Into a Progressive Web App](https://itnext.io/turning-an-angular-6-app-into-a-progressive-web-app-9e6fc6361ba6) — How to add PWA capabilities to your Angular 6 app. 

Yassine Benabbas   

[Variable Scope in Modern JavaScript](https://andy-carter.com/blog/variable-scope-in-modern-javascript) — Examples to show how global, local and block scopes work. 

Andy Carter   

[Tips for Creating a 13KB JavaScript Game in 30 Days](https://blog.github.com/2018-08-09-create-a-13kb-javascript-game-in-30-days-with-js13kgames/) — We linked to [the contest last week](http://2018.js13kgames.com/), but GitHub has shared some tips and techniques to make the most of the 13KB limitation. It starts on Monday. 

Lee Reilly (GitHub)   

[A Quick Guide to Mocha Testing](https://blog.logrocket.com/a-quick-and-complete-guide-to-mocha-testing-d0e0ea09f09d) — Want to write and run tests for your JavaScript code with Mocha? Start here. 

Glad Chinda   

[The PRPL Pattern for Progressive Web Apps using Angular 6+](https://itnext.io/the-prpl-pattern-for-progressive-web-applications-using-angular-6-f7237b7dc2a7) — A primer on PRPL (which stands for Push, Render, Pre-cache, and Lazy-load) — this pattern is a relatively new technique used for building PWAs. 

Vlado Tesanovic   

[Write Complex Languages. Online & Evening M.S. Software Engineering Program](https://info.regis.edu/computer-degree-software-engineering-in) 

Regis University sponsor   

▶[Five Ways to Be A Happier JavaScript Developer](https://www.youtube.com/watch?v=di_eKZ39tN8) — How to deal with the language and its ecosystem now without repeating the mistakes of the past. 

Christian Heilmann   

[Why Ember?](http://www.melsumner.com/blog/ember/why-ember/) — A quick look at where Ember can provide value to your workflow. 

Melanie Sumner  

🔧 Code and Tools  

[Angular Console: A UI for the Angular CLI](https://angularconsole.com/) — There’s also [a blog post](https://blog.nrwl.io/angular-console-the-ui-for-the-angular-cli-a5d0924240b7) with the rationale. 

Narwhal Technologies   

[Angular 7 Beta 0 Released: What's To Come for Angular 7?](https://itnext.io/angular-7-is-coming-766c2bf644f9) 

Valentyn Yakymenko   

[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   

[Azure CosmosDB JavaScript SDK 2.0 Now in Public Preview](https://azure.microsoft.com/en-us/blog/new-azure-cosmosdb-javascript-sdk-2-0-now-in-public-preview/) — Features a new object model and introduces support for promises for working with Azure’s multi-model database service. Here’s [the repo](https://github.com/azure/azure-cosmos-js). 

Deborah Chen (Microsoft)   

[Dumper.js: A Pretty Variable Inspector for Node](https://github.com/zeeshanu/dumper.js) — Ideal for ‘print-style’ debugging. 

Zeeshan Ahmed   

[Franc: Detect a Text's Natural Language from JavaScript](https://github.com/wooorm/franc) — Even in the browser. [Demo here (keep refreshing the page).](http://wooorm.com/franc/) Supports up to 402 languages. 

Titus Wormer   

[SuperSlide.js: A Smooth, GPU Accelerated Sliding Menu for Your Next PWA](https://github.com/osrec/SuperSlide.js) 

OSREC Technologies   

[Xterm.js: A Terminal Component for the Front End](https://xtermjs.org/) — Now used in lots of projects like VS Code, cPanel and Azure Cloud Shell. 

SourceLair         

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