Weekend JavaScript Newsletter
Top JavaScript news and articles straight into your inbox every Friday. Everything you need to be successful in your career. From the new hot frameworks to IoT and robotics.

ISSUE #89

Safari 10.1, async and await, destructoring and GoF design patterns for JavaScript


HEADLINES

What's new in Safari 10.1?

\* Safari seems to catch up with the latest standarts. This time among new features are fetch API, custom elements, Gamepad API, async/await and much more


Next.js 2.0

Next.js is a very slim yet powerful framework. Place React components in a pages directory and running next, and you'll get automatic code splitting, routing, hot code reloading and universal (server-side and client-side) rendering.


77% of sites use at least one vulnerable JavaScript library | Snyk

We ran our own test using the top 5,000 URLs from Alexa and discovered that a whopping 76.6% of them include at least one vulnerable library. If you’re curious how we conducted the test, the details are below or feel free to skip to the results.


MODERN JAVASCRIPT

6 Reasons Why JavaScript’s Async/Await Blows Promises Away | Mostafa Gaafar

In case you missed it, Node now supports async/await out of the box since version 7.6. If you haven’t tried it yet, here are a bunch of reasons with examples why you should adopt it immediately and never look back.


Destructuring — an elegant way of extracting data from arrays and objects in JavaScript | Dead Code Rising

One of the new features is the ability of destructuring arrays and objects. This is an easy and convenient way of extracting data from arrays and objects.


FelipeBB/Design-Patterns-JS

Here you will find the 23 (GoF) design patterns implemented in JavaScript using both prototype and ES6 classes. You can use the docs.md to quicky overview the examples.


CASESTUDY

1M downloads of an open source project | Ivan Akimov

Recently, a co-maintainer of Hashids tweeted that we've crossed 1 million downloads, so I figured this might be a good time to write a few lessons learned / thoughts from the experience.


GETTING FUNCTIONAL

The Rise and Fall and Rise of Functional Programming (Composing Software) | Eric Elliott

When I was about 6 years old, I spent a lot of time playing computer games with my best friend. His family had a room full of computers. To me, they were irresistible. Magic. I spent many hours exploring all the games. One day I asked my friend, “how do we make a game?”


Fantas, Eel, and Specification 6: Functor | Tom Harding

Fantasy Landers, assemble! We’ve been concatenating for two weeks now; are you ready for something a bit different? Well, good news! If you’re humming, “Oh won’t you take me… to functor town?”, then this is the article for you. Today, friends, we’re going to talk about functors.


TUTORIALS

Webpack bits: Getting the most out of the CommonsChunkPlugin() | Sean T. Larkin

From time to time, the webpack core team loves to get the community involved on Twitter, and share bits and pieces of knowledge in a fun and informative way. This time we talk CommonsChunkPlugin()


How to Create a Reddit Client Using Angular 4.0 | Ashraff Hathibelagal

In this tutorial, you’ll learn how to use Angular 4.0 to create a simple web client for Reddit.


Recreating legendary 8-bit games music with Web Audio API | Greg Hovanesyan

8-bit music, or chiptune, is synthesized electronic music used in old computers, consoles and arcade machines. It's a part of culture for people who grew up in the late 70s and 80s, and it is still very popular among geeks.


CI Code Coverage + Tests in 5 Minutes! | Zach Silveira

I'm going to show you how to add automated testing and code coverage reporting to your apps and libraries for every push, pull request, and merge!


OPINION

Why Node solved the wrong problem

Node.js seems to be the popular thing these days. It seems to be everywhere and hsa a lot of fans. But I have to say it bugs me, it seems that Node.js solved the wrong problem. In the interest of full disclosure I should also say that I have been an Erlang developer for the past 5 years.


LEARN HOW IT WORKS

sdgluck/mewt: Immutability in under one kilobyte

Immutability in under one kilobyte


BoostIO/Boostnote: Boostnote is an open source note-taking app made for progammers just like you🚀

Boostnote is an open source note-taking app made for progammers just like you🚀


fengyuanchen/cropperjs: JavaScript image cropper.

cropperjs - JavaScript image cropper.


felixfbecker/iterare: Array methods + ES6 Iterators = ❤️

Ever wanted to iterate over ES6 collections like Map or Set with Array-built-ins like map(), filter(), reduce()?