JSer.info #477 - React 16.13.0がリリースされました。

React v16.13.0 – React Blog

setStateやstyleでの不適切な使い方や廃止予定のref属性に関する警告の追加、
React.createFactoryとReactDOM.unstable_createPortalが非推奨になっています。

また、hydrationに関する警告にコンポーネントスタックを表示するようになるといった改善が行われています。

JavaScriptのCompiler,Bundler,Formatter,Linter(実装中),Test Frameworkなどを包含するツールキットであるRomeがExperimentalで公開されました。

facebookexperimental/rome: An experimental JavaScript toolchain

RomeはBabelやYarnを作った@sebmckが中心となって作られているプロジェクトで、作っている理由についてなどは以前Podcastで話されています。

01: Sebastian McKenzie on Babel and the Road to Rome - The Babel Podcast

Romeのアーキテクチャについては次の記事を読むと良いかもしれません。

Rome, a new JavaScript Toolchain

現在実装中のLinterが完成したらPublic Releaseを行うようです。

Rome will have a public release with a solid linter by the end of the month
— Sebastian McKenzie (@sebmck) March 2, 2020

Ember 3.15でOctane EditionがEmberのデフォルトとなりました。
それに関連したEmber Octaneに関する記事がいくつか公開されています。

Ember OctaneではGlimmer ComponentやAutotrackingと呼ばれる新しいReactiveなモデルが導入されています。
これらの記事では、Ember Octaneを使ったアプリの開発やAutotrackingの仕組みについての解説がされています。

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

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

JSer.info Sponsors

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

ヘッドライン

React v16.13.0 – React Blog

reactjs.org/blog/2020/02/26/react-v16.13.0.html

React ReleaseNote

React 16.13.0リリース。
不適切な使い方に対する警告の追加、React.createFactoryとReactDOM.unstable_createPortalを非推奨化。
hydrationに関する警告にコンポーネントスタックを表示するようになるなど

Announcing Scala.js 1.0.0 - Scala.js

www.scala-js.org/news/2020/02/25/announcing-scalajs-1.0.0/

scala JavaScript ReleaseNote

Scala.js 1.0.0リリース。
0.6.xから変更点やマイグレーション方法について

アーティクル

Understanding the ECMAScript spec, part 1 · V8

v8.dev/blog/understanding-ecmascript-part-1

ECMAScript spec article

ECMAScript仕様で使われる構文などの読み方について。
[[Expression]]のInternal Slot、Internal Method、Completion records、? 構文について

Getting Started with Ember Octane: Building a Blog - Ember Igniter

emberigniter.com/getting-started-ember-octane-tutorial/

JavaScript article tutorial

Ember Octaneを使ってブログを作るチュートリアル。
Ember 3.15で導入されたEmber Octaneを使ってEmberがどのように動いているかを学びながらブログを作るチュートリアル記事

Marak/faker.js: generate massive amounts of realistic fake data in Node.js and the browser

How Autotracking Works

www.pzuraq.com/how-autotracking-works/

Ember JavaScript article

Ember OctaneのAutotrackingがどのように動いているかの解説記事。

swyx Writing | Metrics, Logs, and Traces in JavaScript Tools

www.swyx.io/writing/js-tools-metrics-logs-traces/

JavaScript performance article

JavaScript/Node.jsでのビルドやパッケージなどのメトリクス、ログ、スタックトレースなどのデータのとり方やライブラリなどについての紹介記事

Rome, a new JavaScript Toolchain

jasonformat.com/rome-javascript-toolchain/

JavaScript article bundler

Romeのアーキテクチャについて。
Rome自体がmonorepoでcompilerからbundlerまで含むため、重たいASTの処理のコストを軽減できる。
またコンパイルもモジュールごとにWorkerで実行していて、bundlerは単一スコープが問題となるが、コンパイル結果にファイル名を入れることで回避している仕組みについてなど