JSer.info #259 - ES6やDOMなどのpolyfillやブラウザ間の差異を吸収するcore-jsの2.0.0がリリースされました。
Typed Array関連の実装追加、ES.nextのProposalとなっているSystem.global
、Error.isError
、Mathの実装を追加。
ES2016のPromiseの仕様への追従、String#{padStart, padEnd}
へリネーム。
またNodeList
、DOMTokenList
、MediaList
、StyleSheetList
、CSSRuleList
をIterableとする再定義の追加などが行われています。
React Developer Survey Results - AngularClassではReactに関するアンケート結果が公開されています。
Reactで開発するときに使う言語、アーキテクチャ、ライブラリ、ビルドツールやエディタなどについてのアンケート結果が公開されています。
今年は他にも色々なところでJavaScriptアンケートが行われていたので以下にまとめてあります。
共通してる項目もあるので比較しながら見てみると面白いかもしれません。
Simplified JavaScript JargonではJavaScript関連の用語がまとめられています。
UMD、Virtual DOM、Universalといった知らないと分からない用語が出てきた時に見ると良さそうです。
ヘッドライン
React v0.14.4 | React
facebook.github.io/react/blog/2015/12/29/react-v0.14.4.html
React v0.14.4リリース
Release 2.0.0 - 2015.12.24 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v2.0.0
core-js 2.0.0リリース。
Typed Arrayの実装追加、System.global
、Error.isError
、MathのProposal実装を追加。 Promiseの仕様追従、String#{padStart, padEnd}
へリネーム。
NodeList
、DOMTokenList
、MediaList
、StyleSheetList
、CSSRuleList
をIterableとする再定義の追加など
アーティクル
React Developer Survey Results - AngularClass
angularclass.com/react-developer-survey-results/
Reactに関するアンケートの結果。
8割の人がBabelを使っていることや、Reactと共に使うアーキテクチャやライブラリについてのアンケート結果が公開されている。
Making a Mini-Lisp: Introduction to Transpilers - AngularClass
angularclass.com/making-a-mini-lisp-introduction-to-transpilers/
小さなLispをJavaScriptに変換する実装を書きながら、Transpilerの仕組みについて学ぶ話
Mercateo/component-check
github.com/Mercateo/component-check
コンポーネント指向のフレームワークを使い、コンポーネントを表示するまでの手順をそれぞれ比較した記事。
AngularJS1/2、Ember、Cycle.js、Reactにおいて4種類のコンポーネントを実装し比較している。
ES6 Rest/Spread, Defaults and Destructuring
www.datchley.name/es6-rest-spread-defaults-and-destructuring/
spread operator、rest parameter、デフォルト引数について。
デフォルト引数での評価、Function#apply
ではなく...
を使う方法、Destructuringの使い方についてなど
"Real" Mixins with JavaScript Classes
justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/
ES6 Classesで多重継承やmixinは構文として用意されていないので、class
を式として扱うことで解決する実装について。
class MyClass extends mix(MySuperClass).with(A, B) {}
Dissection of Flux architecture or how to write your own
krasimirtsonev.com/blog/article/dissection-of-flux-architecture-or-how-to-write-your-own-react
fluxinyという高階関数をベースとした小さなFlux実装を見ていきながらFluxについて学ぶ。
Asynchronous Iterative & Recursive Patterns for Node.js - Part 1
mostafa-samir.github.io/async-iterative-patterns-pt1/
JavaScriptの非同期なイテレーションについての記事。
よくやってしまう間違いなど色々なアプローチについて書かれている。
Should I use React.createClass, ES6 Classes or stateless functional components? - James K Nelson
jamesknelson.com/should-i-use-react-createclass-es6-classes-or-stateless-functional-components/
React Componentを書く方法としてReact.createClass
、ES6 Classes、Stateless Componentがある。
それらの使い分けについて書かれている。
bouzuya's RxJS Advent Calendar 2015 - Adventar
www.adventar.org/calendars/1200
RxJSについてのアドベントカレンダー。
RxJSの概要やObservable、Operatorなどについて書かれている
André Staltz - How to debug RxJS code
staltz.com/how-to-debug-rxjs-code.html
RxJSのコードをどうやってデバッグするのかについて
サイト、サービス、ドキュメント
loverajoel/jstips
JavaScriptのTipsを1日1つづつ紹介していくプロジェクト
KittyGiraudel/SJSJ
JavaScript関連の用語集
WASM.NEWS
WebAssemblyのニュースサイト
ソフトウェア、ツール、ライブラリ関係
CSP Header Inspector and Validator
CSPバリデーションツール。
指定されてるCSP Headerのチェックが出来る
vega/datalib
JSON、CSV、TSV等からデータを読み込み、データを加工できるライブラリ