Weekend JavaScript

Best JavaScript articles. Weekly.


New ESLine, TypeScript and Atom released, and other news

Weekend JavaScript #100


Greetings! Hard to believe this is 100-th issue 🍕. Congratulations to all of you! I'll try my best to make sure this newsletter becomes better and better. And you know what you can do.

HEADELINES

ESLint v4.0.0 released | ESLint

We just pushed ESLint v4.0.0, which is a major release upgrade of ESLint. This release adds some new features and fixes several bugs found in the previous release.

Announcing TypeScript 2.4 RC | Daniel Rosenwasser, TypeScript

* TLDR: dynamic imports, safer callback parameter checking, weak types and string enums.

Atom: Release 1.18.0 | GitHub

* New Git and GitHub Integration and other changes

MODERN JAVASCRIPT

Five ES6 features to make your life easier | Scott Domes, MuseFind

The below list is 5 such little shortcuts that will make your coding life a little faster.

Understanding JavaScript: Prototype and Inheritance | Alexander Kondov, Hacker Noon

Due to the amazing quantity of libraries, tools and all kinds of things that make your development easier, a lot of programmers start building applications without having the deep understanding of how something works under the hood.

FUNCTIONAL

Immutable data structures for functional JS | Anjana Vakil, JSConf EU 2017

That’s where immutable data structures come in - to save the day, and time and space! Also called “persistent data structures”, they help you efficiently make new “modified” versions of immutable objects, by reusing parts of the old object that you don’t need to change.

NODE.JS

Habits of a Happy Node Hacker 2017 | Jeremy Morrell, Heroku

Here are 8 habits for happy Node hackers updated for 2017. They're specifically for app developers, rather than module authors, since those groups have different goals and constraints.

REACT

Introduction to Mobx with React | Orlando Paredes Hamsho

MobX has slowly built itself up as Redux’s main competition for state management real-estate. Which is definitely not a coincidence. Because, not only is MobX incredibly easy to use; it’s also very powerful. And, believe me when I say this: I’ve never seen React perform any better than when I mix the two of them. But, instead of me telling you, why don’t I show you instead?

CodeSandbox: Online playground for React

CodeSandbox is an online editor with a focus on creating, sharing and importing new React projects

Reducing our Redux code with React Apollo | Peggy Rayzis, Apollo GraphQL

I’m a firm believer that the best code is no code. More code often leads to more bugs and more time spent maintaining it. At Major League Soccer, we’re a very small team, so we take this principle to…

TUTORIALS

Detect file mime type using magic numbers and JavaScript | Andreas Kihlberg

The browser File API in the quite powerful, the requirement of modern website is not just text and images but also video, sound and other binary formats, this has led to an improved support for handling files directly in the browser.

How I made a food recognizing bot for Telegram and why it doesn’t have a future (yet) | Artem Barbyniahra

Meet @ItadakimasuBot. He’s a genuinely nice guy who was created to help you maintain your diet. He keeps track of everything you eat and gives you statistics about it.

WORKFLOW

Mastering Chrome Developer Tools: Next Level Front-End Development Techniques | Ben Edelstein, LogRocketJS

You may already be familiar with the basic features of the Chrome Developer Tools: the DOM inspector, styles panel, and JavaScript console. But there are a number of lesser-known features that can dramatically improve your debugging or app creation workflows.

How to use Webpack’s new “magic comment” feature with React Universal Component + SSR | James Gillmore

Webpack 2.4.0, which came out a few weeks ago, launched with a very interesting new feature: “magic comments.” In combination with dynamic imports, “magic comments” greatly simplify code-splitting + server-side rendering.

TOOLING

Reduce your javascript bundle size by 77% | Alexandr Subbotin

Most of the articles about reducing javascript bundle size, generated by webpack, show how to reduce plain text size: removing big and duplicated dependencies, adding tree-shaking, splitting chunks, async loading of javascript, etc. But there is another, even more important step: compression of your javascript files.

Our 500+ engineers all use this front end development guide | Tay Yang Shun, Grab

An inside look at the front end tech of one of Southeast Asia’s fastest growing startups and how they handle front end at scale.

LEARN HOW IT WORKS

GitHub - hunterloftis/pathtracer

A simple, naive path tracer in JavaScript

GitHub - wlivengood/Winston

A Chess Engine Written in Javascript