---
title: "This week's JavaScript news, issue 317"
publication: "JavaScript Weekly"
issue: 317
published_at: "2017-01-12"
canonical_url: "https://javascriptweekly.com/issues/317"
---

This week's JavaScript news, issue 317

This week's JavaScript news — [Read this e-mail on the Web](http://javascriptweekly.com/issues/317)

JavaScript WeeklyIssue 317 — January 12, 2017[Prettier: A New, Opinionated JavaScript Formatter](http://jlongster.com/A-Prettier-Formatter)A new JavaScript code formatter from James Long that supports ES2017, JSX and Flow. He explains it here, along with a live demo, and [here’s the repo](https://github.com/jlongster/prettier). James Long 
[Improving the State of your App with Redux](http://developer.telerik.com/topics/web-development/improving-state-app-redux/)Jeremy Likness gives an overview of what the Redux framework is, what it helps with, and how to build a web application with Redux and Angular 2. Telerik Developer Network 
[JavaScript Array Iteration Methods Summarized](https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff)Tab Atkins’ [EIC mnemonic](https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff#gistcomment-1953340) for remembering callback arguments is fantastic. Jordan Harband 
[![Sencha, Inc\](https://copm.s3.amazonaws.com/c45dddb0.png)](http://pages.sencha.com/ext-js-reactor.html?utm_source=javascriptweekly&utm_medium=email)[Using the Extensive Ext JS Component Library with React Apps](http://pages.sencha.com/ext-js-reactor.html)React can be used to build user interfaces (UIs) for web apps, but React developers have to provide the components to build the UI. Fortunately, there's a better way. Learn how React developers can now use Sencha’s powerful Ext JS components in their React apps, using the new Ext JS Reactor. Sencha, IncSponsor
[Building A Custom Tag Input Element with Skate.js](https://hackernoon.com/building-a-custom-tag-input-with-skate-js-fbd4cdf744f)If you’re lost when it comes to building and using Web Components, Skate.js and this tutorial could help. Hector Leon Zarco Garcia 
[How to Write a Package for Both Node and Browser](https://nolanlawson.com/2017/01/09/how-to-write-a-javascript-package-for-both-node-and-the-browser/)A look at dealing with modules that need to deal with differences between environments. Nolan Lawson 
[Building Tesla's Battery Range Calc with Angular 2 Reactive Forms](https://toddmotto.com/building-tesla-range-calculator-angular-2-reactive-forms)Todd guides you through creating some advanced Angular 2 components that rebuild Tesla’s battery range calculator, compile it AoT, and deploy it on GitHub pages. Todd Motto 
[TypedArray or DataView: Understanding Byte Order](https://hacks.mozilla.org/2017/01/typedarray-or-dataview-understanding-byte-order/)ArrayBuffers provide efficient access to and storage of binary data, but they behave in slightly different ways depending on how you access them. Mozilla Hacks 
[A Basic, Practical Introduction to Computer Vision](https://community.risingstack.com/opencv-tutorial-computer-vision-with-node-js/)Learn how to perform some simple computer vision activities from Node. Tomáš Stankovič 


Jobs

- [Senior JavaScript Engineer at Zalando Tech in Berlin](https://tech.zalando.com/jobs/65722/?gh_jid=65722&gh_src=d7a8kr1)[Zalando](https://tech.zalando.com/jobs/65722/?gh_jid=65722=d7a8kr1) is the leading fashion platform in Europe. Work in one of our 200+ autonomous engineering teams and build the technologies and products that connect all parts of the fashion ecosystem. Zalando SE
- [Front End Engineer at EDITED (London)](https://edited.com/jobs/engineering/?utm_source=javascriptweekly&utm_medium=email)At EDITED you'll collaborate with the product team to refine our web app built with React, Redux and Radium while working alongside fashion experts to make a direct impact on how the world's biggest brands operate. EDITED
- [Senior Frontend Engineer](https://jobs.lever.co/creditkarma/c586de19-2a32-4eab-9683-938ab23c0c14/apply?lever-source=13168492532)Credit Karma is seeking a Front-End Engineer to join our SF team to help build the next generation of our web platform with React and Node. Drive client-side technical direction, build scalable web apps and deliver ground-breaking user experiences. Credit Karma

In Brief

[A Look at the 'import()' ES Proposal](http://www.2ality.com/2017/01/import-operator.html) news 
Currently at stage 2, it enables the dynamic loading of modules.
Dr. Axel Rauschmayer

[The Lead Developer 1-day conference for Tech Leads. 21 Feb, New York.](http://2017.theleaddeveloper-ny.com/?utm_source=javascript-weekly&utm_medium=referral&utm_content=stay-ahead&utm_campaign=javascript-weekly) news 
Programmed to help team leads stay ahead of new technologies and develop themselves as managers.
White October EventsSponsor

[How to Build and Use a WebAssembly Module](https://medium.com/@devlucky/how-to-get-a-performance-boost-using-webassembly-8844ec6dd665) tutorial 
Still very cutting edge and experimental.
Hector Leon Zarco Garcia

[How to Use jQuery Plugins in the React Ecosystem](https://medium.com/@superKalo/how-to-use-jquery-libraries-in-the-react-ecosystem-7dfeb1aafde0) tutorial
Kaloyan Kosev

[An Introduction To Functional Front-Ends with Inferno](https://medium.com/javascript-inside/introduction-to-functional-front-ends-with-inferno-side-effects-and-routing-a8b226c47b0f) tutorial
A. Sharif

[Testing Angular Directives with Custom Matchers](http://blog.thoughtram.io/angular/2016/12/27/angular-2-advance-testing-with-custom-matchers.html) tutorial
Thomas Burleson

[React, Relay, GraphQL, Async, Redux and D3](https://forwardcourses.com/) course 
Get a 2-week free trial to dozens of JavaScript and iOS workshops, including our upcoming live interactive events.
Forward CoursesSponsor

[Binary Operations in JavaScript](http://www.thedotpost.com/2016/12/goncalo-morais-binary-in-javascript) video
Gonçalo Morais

[Speed Programming a Snake Game with JavaScript](https://www.youtube.com/watch?v=xRUBaiJvhyo) video
Jamie Nichols

[Ember Engines at Scale](https://pusher.com/sessions/meetup/ember-london/ember-engines-at-scale) video 
Hear how the British Gas team began decomposing their app into engines.
Paul Abraham

[PhoneGap Apps with Vue.js? Yes Please](http://devgirl.org/2017/01/10/phonegap-apps-with-vue-js-yes-please/) opinion
Holly Schinsky

[React or Vue: Which JavaScript UI Library Should You Be Using?](https://medium.com/js-dojo/react-or-vue-which-javascript-ui-library-should-you-be-using-543a383608d) opinion 
A reasonable comparison article.
JS Dojo

[Lebab: Turn Your ES5 Code into Readable ES6](https://github.com/lebab/lebab) tools 
[Live demo.](http://lebab.io/try-it)

[Express Starter Kit with ES2017+ Support, Testing, Linting, & Coverage](https://github.com/vmasto/express-babel) tools
Vassilis Mastorostergios

[Freezer: A Tree Data Structure That Emits Events on Updates](https://github.com/arqex/freezer) code

[micromustache: A Small, Optimized Mustache Implementation](https://github.com/userpixel/micromustache) code 
Faster, smaller, and a drop-in replacement for MustacheJS.
Alex Ewerlöf

[Siema: A Lightweight Web Carousel with No Dependencies](https://pawelgrzybek.com/siema/) code
Pawel Grzybek

[iTyped: Simple JavaScript Animated Typing Effect with No Dependencies](https://github.com/luisvinicius167/ityped) code
Luis Vinicius

[Mermaid: Generate Diagrams and Flowcharts From Text](https://github.com/knsv/mermaid) code 
Converts text to diagrams and flowcharts (a la Markdown). [GitHub repo.](https://github.com/knsv/mermaid)
Knut Sveidqvist

[Structure: A Simple Schema/Attributes Library](https://talyssonoc.gitbooks.io/structure/content/) code
Talysson de Oliveira Cassiano

[Vuelidate: Simple Model-Based Validation for Vue.js](https://monterail.github.io/vuelidate/) code

[Flexdatalist: jQuery Autocomplete with 'datalist' Element Support](http://projects.sergiodinislopes.pt/flexdatalist/) code
Sérgio Dinis Lopes

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/317)

© Cooperpress Ltd. Fairfield Enterprise Centre, Lincoln Way, Louth, LN11 0LS, UK