2016-05-23のJS

Previewing ES6 Modules and more from ES2015, ES2016 and beyond | Microsoft Edge Dev Blog

MSEdge build 14342リリース。 ES6 modulesを扱える<script type="module">をフラグ付きでサポート、ES2016/2017の新しい機能である**Object.valuesObject.entriesString#pad*のサポートなど

Release v15.1.0 · facebook/react

React v15.1.0リリース。 ChromeのObject.assignに順序バグがあるため対応するpolyfillをアップデート、react-addons-perfが書き直された。

Node v6.2.0 (Current) | Node.js

Node v6.2.0リリース。 --no-deprecationをランタイムに設定できる process.noDeprecation = true; が用意されるなど

Release v6.9.0 · babel/babel

Babel v6.9.0リリース。 core-jsのアップデート、systemGlobalオプションの追加など

jQuery 3.0 Release Candidate…Released! | Official jQuery Blog

jQuery 3.0 RCリリース

Refactoring a JavaScript video store

マーティン・ファウラーによるJavaScript(ES2015)のリファクタリング

Iterators and Generators in JavaScript | Kenneth Truyers

Iterator/Iterable/Generatorについての簡潔なまとめ

How to Make Accessible Web Components — a Brief Guide

Custom Elementで作った要素をAccessibleに実装するチュートリアル。 キーボード対応、WAI-ARIA、ハイコントラストモードでの確認など

The 7 Cross-Browser Testing Tools You Need in 2016

テスト用のクロスブラウザを扱えるサービスのまとめ

ここがすごいぞ! stylelint! - Qiita

CSSのLintをするstylelintについて

step by stepで始めるKarma - Qiita

karmaの導入チュートリアル

Six nifty ES6 tricks

ES6の少しテクニカルな使い方 デフォルト引数を使った必須引数のチェック、for of + Object.entries、サロゲートペア、配列の入れ方、template literal、mixinなどについて

Learn Redux Video Tutorial Course

Reduxを使ったウェブアプリ開発に関するスクリーンキャスト

Web and Chrome at Google I/O 2016 - YouTube

Google I/O 2016の動画まとめ

Web Performance Tooling - Google I/O 2016 - YouTube

Chrome開発者ツールのパフォーマンス周りの使い方や見かたについて。 ケーススタディ毎にどの部分が遅いのかを見つけて、開発者ツールで本当にそれが原因なのかを確認したり、俯瞰の仕方についてなど

Instant Loading: Building offline-first Progressive Web Apps - Google I/O 2016 - YouTube

Service Workerを使ったオフラインファーストについての発表。 電波状態が悪いケースを想定した動作、IndexedDBを使ったデータの保存など

Lerna · A tool for managing JavaScript projects with multiple packages.

Babelで使われてるmonorepoを管理するツールであるLernaの公式サイト

brigand/react-mixin: mixins in react with es6 style classes

React Componentに対してES6 Classesでmixinをするライブラリ

yoshuawuyts/choo: - framework for creating sturdy web applications

小さなモジュールを組み合わせたReduxライクな仕組みを持つフレームワーク。

maxogden/yo-yo: A tiny library for building modular UI components using DOM diffing and ES6 tagged template literals

https://www.npmjs.com/package/morphdom をベースにtagged template literalsを使ったViewライブラリ

wssgcg1213/babel-plugin-inline-replace-varibles: babel plugin to inline replace varibles

Babelで文字列に値をインライン展開するプラグイン

Exploring ES2016… by Axel Rauschmayer [Leanpub PDF/iPad/Kindle]

Exploring ES6のES2016/2017対応版