Weekend JavaScript



ISSUE #136

Npm 6 is there


TOP STORIES

Announcing npm@6 – npm, Inc.

In coordination with today’s announcement of Node.js v10, we’re excited to announce npm@6. This major update to npm includes powerful new security features for every developer who works with open source code. Read on to understand why this matters.


tc39/proposal-pattern-matching: Pattern matching syntax for ECMAScript

This proposal adds a pattern matching expression to the language, based on the existing Destructuring Binding Patterns.


🚀Give Parcel a Try, You May Like It 🚀 | Michael Sholty

Sometimes things change. You don’t always have to incorporate every single new thing into your arsenal, but you should at least keep an open mind.


MODERN JAVASCRIPT

Proxies and Reflection in JavaScript | intrinsic

A deep dive into how Reflection and Proxies work in JavaScript


+-0, NaN and Object.is in JavaScript

So, the strict comparison with === didn't catch the fact that the two zeros are not the same. You may know that NaN is also not equal to NaN either.


NODE

Using async iteration natively in Node.js

Node.js 10 was released on April 24, 2018. This version provides experimental support for asynchronously iterating over readable streams. This blog post explains how that works.


The Node.js Ecosystem Is Chaotic and Insecure | Casper Beyer

It seems like only yesterday we had the “left-pad” fiasco where Azer Koçulu ended up pulling his packages after a name dispute. It wasn’t really that dangerous that the code was deleted, that only…


REACT

Don’t call me, I’ll call you: Side effects management with Redux-Saga (Part 1)

In this two-part blog post I would like to show basic and advanced use cases of side-effects management in React applications using Redux-Saga. I will explain why we like it here in AppsFlyer, and what kind of issues it can solve.


NATIVE

React Native Build a News App | Mohammed Salman

In this post we are going to make a cool news app and have some fun in React Native


React Native - Instagram

In this 4-part introductory React Native series, we go from learning some React Native basic components and layout all the way to integrating Redux and storing camera images in the cloud.


Choosing cameras in JavaScript with the mediaDevices API | Phil Nash

Learn how to choose or switch between cameras in JavaScript using the mediaDevices API and media constraints.


VUE

Making responsive Vue components with ResizeObserver | Anton Kosykh

On my current project, I have a lot of reusable components (I named it “widgets”) that can be placed anywhere. And I ran into a problem with responsive design.


5 Awesome Boilerplates/Templates For VueJS Projects | ANTHONY GORE

If you're about to begin an important Vue project, a template will ensure you have a solid foundation. This article covers the 5 best templates for common features like Webpack, PWA support, authentication and more.


HYPERAPP

Frogger in Hyperapp | Gareth Dunne

Hyperapp allows a developer to use all of the functional programming-based concepts from popular frameworks, such as React. It enables the implementation of a similar pattern to Redux, while including fully implemented lifecycle events.


BUILDING STUFF

Creating a chatbot to book film tickets | David Mellul

If you haven’t read the first part yet, here it is : Creating a chatbot to book film tickets — Part 1 I am very grateful and happy to have been translated in Spanish by Patricia Durán from Planeta…


BlackJack Application with JavaScript | Ethan Jarrell

The idea was that you could set up a scenario in blackjack by creating a simulated game. Then simulate the outcome of that game a million times, and figure out what the probability is of certain outcomes.