2016-04-18のJS

Release Notes for Safari Technology Preview 2 | WebKit

Safari Technology Preview 2リリース。 String#padStart/String#padEnd/の追加、for (var i = 20 in b){ }がエラーとなるように。 CSS media queryでcolor-gamutの対応、TP1で間違って公開されてたFetch APIをデフォルトでは無効に、Web Inspectorの改善など

ESLint v2.8.0 released - ESLint - Pluggable JavaScript linter

ESLint v2.8.0リリース。

Release 3.0.0 · jscs-dev/node-jscs

JSCS 3.0.0リリース。

Jest 11.0 · Jest

Jest 11.0リリース。 0.10から11.0へのメジャーアップデート

Release v0.23.0 · facebook/flow

Flow v0.23.0リリース。 flow init.flowconfigを作る時のオプション追加やコメントを書けるようになるなど

Welcoming JSCS To ESLint - ESLint - Pluggable JavaScript linter

JSCS 3.0.0で新規開発は終了し、3ヶ月を目処にサポートも終了する。 JSCSチームはESLintに入り、ESLintのAutofixを動かすためにも必要なCSTの開発を行う。 ESLint側はJSCSからの移行/互換のサポートを予定している。

How to work with SVG icons

SVGアイコンについての実践的な解説。 CSSスプライトのようにSVGスプライトを使う方法、インラインSVGと外部SVGを読み込み違いや対応ブラウザ/polyfillについてなど。 またCSSからSVGのスタイルを変更する方法やSafariの問題などかなり詳細にまとまっている

CSS @apply rule (native CSS mixins)

CSSの@aaply Proposalについての解説

power-assert + babel as a development tool | Web Scratch

power-assert+babel+mochaの構成について。 デバッグビルド時は情報量の多いassert、プロダクションビルド時はassertを取り除き、JSDocからランタイムassertをしてチェックする話

christianalfoni - RxJs the smartest dumbest tool ever

RxJSはどのような問題を解決するのかという話

Scalable Single-Page Application Architecture – Minko Gechev's blog

AngularJS2 + RxJSでCQRS+EventSourcing的なアプローチ。 DIでの依存解決、レイヤー間の隔離やasync serviceの動きが面白い。

Immutability is not enough

Immutable.jsを使ったStateの更新について。 単純にStateをimmutableにして、単純に関数を逐次的に適応すると、前のStateを参照しない問題が起こりえる。 また“lost update”の問題について

react-storybookを用いたReactコンポーネント開発 - Hatena Developer Blog

React Componentをストーリーにもとづき確認できるスタイルガイド的なreact-storybookについて

Leveling Up with React: Redux | CSS-Tricks

Reduxにおけるデータフローなどをわかりやすく解説したチュートリアル

CoffeeScriptからES2015(ES6)へ移行しました - ペパボテックブログ

CoffeeScriptをdecafを使って変換し、JavaScriptに移行する話。

【意訳】Webpackの混乱ポイント - Qiita

"Webpack — The Confusing Parts"の翻訳。 webpackの設定において混乱しやすいことについてまとめられている。

Let's Learn ES6

ES6について学ぶ動画シリーズのサイト

Makeitopen.com - Open Source Learning

React NativeでF8のアプリをどのように作っていったかの話

Rich Harris / buble · GitLab

BabelのようなES2015のコードをES5に変換するツール。 Babelのような拡張性や仕様への準拠よりも、変換速度を重視した作りになっている

thejameskyle/babel-react-optimize: A Babel preset and plugins for optimizing React code.

React(JSX)の最適化をするBabelプラグイン

Our Justified Layout Goes Open Source | code.flickr.com

Flickerの画像をタイル的に敷き詰めるUIライブラリ