Weekend JavaScript

Top JavaScript articles. Weekly.


ISSUE #110

Sumlime Text and WebStorem Released, Babel is planning for 7.0, and more


HEADLINES

Sublime Text 3.0 is out!

Compared to the last beta, 3.0 brings a refreshed UI theme, new color schemes, and a new icon. Some of the other highlights are big syntax highlighting improvements, touch input support on Windows, Touch Bar support on macOS, and apt/yum/pacman repositories for Linux.


WebStorm 2017.3 Early Access Preview

Today we’re starting the Early Access Program for WebStorm 2017.3, the big update that will be released the end of November 2017.


Babel: Planning for 7.0

If you didn’t know already, we’re planning on releasing a 7.0 version soon 🙌 ! Work on it actually started back in February, when I just wanted to make a release to drop Node 0.10/0.12 support and remove babel-runtime and various other code.


AMA with Babel Team

Q&A Session with Babel Team - A JavaScript compiler that lets you use next gen JavaScript, today.


Preview of Augmented Reality in NativeScript | Rob Lauer, NativeScript

The releases of AR SDKs from Apple (ARKit) and Google (ARCore) have presented an opportunity for NativeScript to enable developers to create immersive cross-platform AR experiences. The app in the video above was created with an alpha version of our soon-to-be-released nativescript-ar plugin. Today, this plugin leverages the ARKit APIs available in iOS 11. In the near future, support will be added for Android via the ARCore APIs.


SPONSOR CONTENT

Angular Boot Camp by Oasis Digital

Master Angular faster with our workshop-focused three day curriculum, taught by industry-leading enterprise developers. Public and private, in-person and online. Learn more at angularbootcamp.com.


MODERN JAVASCRIPT

Using Try…Catch in JavaScript

Errors are almost inevitable in JavaScript programs. As a JavaScript developer, it is your responsibility to anticipate errors and handle them effectively. This will ultimately help you to create programs which are robust, reliable and efficient. One simple way of handling errors is through try…catch statements.


Deploying ES2015+ Code in Production Today | Philip Walton

While we don’t currently have a good solution for feature-detecting new syntax, we do have a way to feature-detect basic ES2015 syntax support today.


Size Limit: Make the Web lighter — Martian Chronicles, Evil Martians’ team blog | Andy Barnov, Andrey Sitnik

Keep your JavaScript dependencies and polyfills in check and find out what exactly makes your code bloat with Size Limit. To demonstrate, we will code a simple library together, and then shrink its browser bundle so that it takes 5 000 (yes, five thousand) times less space than initially.


How JavaScript works: memory management + how to handle 4 common memory leaks | Alexander Zlatkov, sessionstack

A few weeks ago we started a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps.


Tech Talk Recap: How to Improve Webpack Performance in Large Projects | Robert Gay

On Thursday, August 10th, Redfin hosted a tech talk titled How to Improve Webpack Performance in Large Projects at our San Francisco office. The talk provided a few concrete suggestions for improving webpack build performance that we’ve used at Redfin, and as a bonus we got a few suggestions from the group afterward!


Learn How To Debug JavaScript with Chrome DevTools | Brandon Morelli, codeburst

Ditch console.log debugging once and for all! Learn how to use breakpoints to debug code within the Chrome Developer Tools


OPINION

Angular vs. React vs. Vue: A 2017 comparison | Jens Neuhaus

Deciding on a JavaScript framework for your web application can be overwhelming. Angular and React are very popular these days, and there is an upstart which has been getting a lot of traction lately: VueJS. What’s more, these are just a few of the new kids on the block.


I don’t know who the Web Audio API is designed for | Clean Rinseblog.mecheye.net/2017/09/i-dont-know-who-the-web-audio-api-is-designed-for/)

I can’t imagine any game engine or music production app that would want to use any of the advanced features of Web Audio. Something like the DynamicsCompressorNode is practically a joke: basic features from a real compressor are basically missing, and the behavior that is there is underspecified such that I can’t even trust it to sound correct between browsers.


VUE.JS

Vue is now on OpenCollective!| Evan You

Today we are happy to announce that we have started to accept financial contributions to the Vue project via OpenCollective.


Why you moved from Angular 2 to Vue.js (and why you didn’t understand what React is about) | Resi Respati

A few days ago an article surfaced on Medium titled “Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)”. It finally made it to my circle of peers today, so I finally managed to read what the article is all about. What started out as a promising article quickly derailed into an endless stream of bad takes, to the point where I had to write a counter-critique.


REACT

Seeing Through Redux with Lenses – Tim Roberts, Netscape

Using functional programming to manage your state


How We Built Our React Native App | Siddharth Jain, Engineering @ Housing

Last year we launched our PWA with an aim to improve the experience of our users on slow and inconsistent network connections. It was the first step towards the quality of the products we strive for. We received a very positive response from the community as well as our customers and wanted to replicate the same success for our mobile application too.


ELECTRON

Electron: The Bad Parts | Philipp Langhans, HackerNoon

Most cross platform programming languages and frameworks contain good and bad parts. Electron probably has more than its share of the good — but also hides some dark secrets under its shining facade.


TYPES

Flow and TypeScript | Paul Rehkugler, Tumblr

One of the Core Web team’s goals at Tumblr is to reduce the number of runtime issues that we see in our React codebase. To help move some of those issues from runtime to compile time, I evaluated the two leading type systems, Flow and TypeScript, to see if they could give us more type safety. I did a bit of background reading about the differences between Flow and TypeScript to see what the community had to say about them.


NODE

Using ES modules natively in Node.js | 2ality

This blog post explains the details.


Modern Modules | Mikeal

Node.js 8 had been out a while and I decided to take advantage of some of the new language features like async/await in my new code. By the end of the month I’d made some pretty huge changes to how I…