JSer.info #245 - React 0.14 RCがリリースされました。
React 0.14ではパッケージの分割やステートレスコンポーネントが入ったりして色々な変更があります。
そのため、react-codemodというマイグレーションツールもリリースされているので正式リリースの前に確認してみるといいかもしれません。
JavaScriptのLintツールであるESLint 1.4.0がリリースされました。
機能追加として今まではLintのみでしたが、--fix
オプションでコードを修正できる機能が追加されました(一部ルールのみ)
また、--cache
オプションで実行結果をファイルとしてキャッシュすることが可能になっています。
ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiitaという記事ではES5で追加された機能などについて書かれています。
ES5ではProperty DescriptorやArrayに便利なメソッドなど地味に機能が増えています。またBabelなどがTranspileする際に、多くのケースでES5の機能を限界まで使ってES6の機能を擬似的に実装しています。
どうやってECMAScript 6を学び始めるかでも書いていますが、Babelのような変換ツールを使う前にES5の機能について改めて知っておくことは重要だと思います。
以下の記事も合わせて読むと細かな動作が分かっていいかもしれません。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Modernizr News
modernizr.com/news/modernizr-3-new-release-site
Feature Detectを行うライブラリであるModernizr 3リリース。
React v0.14 Release Candidate | React
facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html
React v0.14 RCリリース。
モジュールの分割、refs
の参照がDOM Node自体となるように、ステートレスコンポーネント、react-toolsの廃止、Babelへの移行など
Flow | Version 0.15.0
flowtype.org/blog/2015/09/10/Version-0.15.0.html
Flow 0.15.0リリース。
Generatorのサポート、ワーカープロセス数の設定ができるよう、ES6 Classesでsuper()
を呼ぶ前にthis
に触るのをチェックできるようになるなど
ESLint v1.4.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2015/09/eslint-v1.4.0-released
ESLint v1.4.0リリース。
ルールに合った形にコードを修正する--fix
オプションの追加、実行結果をキャッシュ出来る--cache
オプションの追加など
jsdom/Changelog.md at 6.4.0 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/6.4.0/Changelog.md
jsdom 6.4.0リリース。
jsdom.nodeLocation
の追加、
getElementsByClassName
でスペースが区切られた文字列に対応など
アーティクル
The names of functions in ES6
www.2ality.com/2015/09/function-names-es6.html
関数やSymbol、モジュールなどのname
プロパティについてのまとめ
JavaScript - Babel プラグインを作ってみよう - Qiita
qiita.com/shuhei/items/96a852f7e0995fd42981
Babelプラグインの作成方法と仕組みについてのチュートリアル的な記事
ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita
qiita.com/zaru/items/d833dca52962c3f7770f
ES5で追加されたProperty Descriptorや追加されたメソッドについて
Lessons Backbone Developers Can Learn From React
benmccormick.org/2015/09/09/what-can-backbone-developers-learn-from-react/
Backbone.jsから見るReactから学べることについて
JavaScript iterables and iterators - JS Rocks
jsrocks.org/2015/09/javascript-iterables-and-iterators/
iterable、iteratorについて細かな疑問がQ&A形式でまとまっている記事。
iterableとiteratorそれぞれがどういう定義であるかや関係について。
また、iterator.next()
の返り値がオブジェクトを返すようになった理由などについて
Full-Stack Redux Tutorial
teropa.info/blog/2015/09/10/full-stack-redux-tutorial.html
Reduxを使ってウェブアプリを作るチュートリアル
Polymer 1.0をさわってみて - console.lealog();
lealog.hateblo.jp/entry/2015/09/04/003050
Polymerを使ったウェブサイトを作る方法や関連ツールなどの紹介。
Polymerのテンプレートやハマりどころについて
スライド、動画関係
The Polymer Summit 2015 - YouTube
www.youtube.com/playlist?list=PLNYkxOF6rcICdISJclfQhj2S8QZGjXV8J
Polymer Summit 2015の動画一覧
https://www.polymer-project.org/summit
ソフトウェア、ツール、ライブラリ関係
fb55/htmlparser2
HTML/XML/RSSパーサライブラリ
danielstjules/mocha.parallel
github.com/danielstjules/mocha.parallel
mochaで書かれたテストコードをdescribe単位で並列に処理できるライブラリ
jide/moveit
DOM Nodeを定義にしたがってアニメーションさせることが出来るライブラリ。
アニメーションの定義をオブジェクトとして定義出来る
Mostafa-Samir/zip-local
github.com/Mostafa-Samir/zip-local
zip/unzipを行うNode.jsモジュール
書籍関係
Amazon: HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方: 吉田 真麻
www.amazon.co.jp/dp/4798141577
2015年11月3日発売
レイアウトについての書籍