JSer.info #337 - React Expressというサイトでは、Reactでのアプリケーション開発についてのチュートリアルが書かれています。
Reactから始める開発という形なので、npmなどの関連するツールやES2015など周辺環境についても簡単に紹介されています。
基本的に実行できるサンプルコードと共にReactについて紹介されているので、触りながら理解するのに役立ちそうです。

sonar, a linting tool for the webというウェブサイトに対するESLintのようなツールがJS Foundationの元で公開されました。

sonar – JS Foundation Welcomes Newest Project – JS Foundation

元々はMSEdgeのチームによって作られたもので、ESLintのようにカスタムルールを書くことができます。

sonar/events.md at master · sonarwhal/sonar
- hookできるイベント

ウェブサイトのHTML要素をトラバースしながら処理したり、リソースに対するリクエストに関する処理などをルールとして書くことができます。

FAQによると、aXeやSSL Server Testなど既存ツールやサービスと連携したLintingツールとすることを目的としているようです。(そのためルールも非同期処理に対応している)

sonar doesn’t want to reinvent the wheel. For that reason it tries to integrate other tools and services that do a great job and contribute back where appropriate. For example, we are using axe for accessibility, SSL Server Test for checking the certificate configuration, etc.

Improve SPA Performance with Angular App // Speaker Deckというスライドでは、メモリリークが起きやすいパターンやChrome開発者ツールを使った計測方法について書かれています。
また、AngularにおけるメモリリークのパターンやChange Detectionの処理を削減する方法などについて書かれています。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

Dev.Opera — What’s new in Chromium 59 and Opera 46

dev.opera.com/blog/opera-46/

Opera ReleaseNote

Opera 46 (based on Chromium 59)リリース。
Animation PNG、SVGファビコン、バックグラウンドタブのスロットリング、MediaError.messageのサポートなど

New Release: 2.9.5

jshint.com/blog/2017-06-22/release-2-9-5/

JavaScript Tools ReleaseNote

JSHint 2.9.5リリース。
trailingcommaオプションの追加、バグ修正など

ESLint v4.1.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2017/06/eslint-v4.1.0-released

ESLint ReleaseNote

ESLint 4.1.0リリース。 globベースのoverrides設定の追加、無視ファイルをpackage.jsonに定義できるように

ESLint v4.1.0 - Qiita

アーティクル

JS scope: static, dynamic, and runtime-augmented – Dmitry Soshnikov – Medium

medium.com/@DmitrySoshnikov/js-scope-static-dynamic-and-runtime-augmented-5abfee6223fe

JavaScript

JavaScriptのスコープについて。
作ったときに参照が解決できるStatic scope、呼び出し元によって参照が決まるDynamic scope、witHやevalによるRuntime-augmented scopeについて

React Express

www.react.express/

React tutorial document

Reactのチュートリアルサイト。
実行できるサンプルと共にReactの使い方や、npm/webpack/ES2015など関連するツールや知識について解説してる。

Redux Architecture Guidelines | joeellis.la

joeellis.la/redux-architecture/

redux opinion article

ケースバイケースではあるけど、Reduxを使ったアーキテクチャのガイドライン。
stateのネストを避けるためにnormalizeする、stateにはsourceとなるデータを入れる、ReactのstateよりReduxのState。
Standard Action、Container componentについてなど

Aligned Input Events | Web | Google Developers

developers.google.com/web/updates/2017/06/aligning-input-events

JavaScript event article Android

Pointer EventsのgetCoalescedEventsについて。
入力デバイスは60-120Hzに対して、モニタが60Hzである場合にポインタのイベントをすべて処理するのは無駄となる。
その無駄を回避するためにイベントをまとめてくれるgetCoalescedEvents()について