JSer.info #535 - Node.jsのセキュリティアップデートとしてNode.js v10.24.1, v12.22.1, v14.16.1, v15.14.0がそれぞれリリースされています。

April 2021 Security Releases | Node.js

OpenSSL関係が2件と同梱されているnpmが依存するy18nのprototype pollutionに関するアップデートが含まれています。

また、Node.js 10 LTSのサポート期限は2021-04-30までとなっています。

nodejs/Release: Node.js Release Working Group

Cloudflareの静的サイトホスティングサービスのCloudflare PagesがGAとなり一般公開されています。

Cloudflare Pages is now Generally Available

VercelやNetlifyと類似するウェブサービスでJamstackのような静的サイトを手軽に公開することに特化したサービスです。
類似サービスとの比較は次の記事にまとまっています。

Cloudflare Pages・Vercel ・Netlify の違いや使い分けをまとめる

既知の問題などはドキュメントページにまとめられています。

Known issues · Cloudflare Pages docs

DevTools architecture refresh: migrating DevTools to TypeScript - Chrome Developersという記事では、Chrome DevToolsのコードベースをClosure Compilerベースの型チェックからTypeScriptへどのようにマイグレーションしているかについて書かれています。

もともとClosure Compilerベースの型チェックが行われていましたが、なぜTypeScriptへ移行するのかについて書かれています。また、移行の仕方としてanyで一時的に型エラーを抑制するのではなく、TSの型エラーを手動で修正する時間がかかる方法を選んだのかについても書かれています。

この記事の前段として、独自のモジュールの仕組みなどをもったレガシーなChrome DevToolsのコードベースをどのようにモダンにしたかの動画も合わせてみるとよさそうです。

Upgrading DevTools' architecture to the modern web - YouTube

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

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

JSer.info Sponsors

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

ヘッドライン

Release v2.20.0 · date-fns/date-fns

github.com/date-fns/date-fns/releases/tag/v2.20.0

JavaScript library ReleaseNote

date-fns 2.20.0リリース。
eachMinuteOfInterval, nextWednesday, nextThursday, nextFriday, nextSaturday, nextSunday の追加など

April 2021 Security Releases | Node.js

nodejs.org/en/blog/vulnerability/april-2021-security-releases/

node.js security ReleaseNote

Node.jsのセキュリティアップデート。
OpenSSL関係が2件、y18nのprototype pollutionに関するアップデート。
Node.js v10.24.1, v12.22.1, v14.16.1, v15.14.0がそれぞれリリースされている

Release v5.0.1 · verdaccio/verdaccio

github.com/verdaccio/verdaccio/releases/tag/v5.0.1

npm library ReleaseNote

npm registryの実装であるverdaccio 5.0リリース。
npm token createのサポートがデフォルト化、native moduleへの依存の問題からtokenの保存にleveldbではなくlowdbを利用するように。

typicode/lowdb: ⚡️ lowdb is a small local JSON database powered by Lodash (supports Node, Electron and the browser)

Cloudflare Pages is now Generally Available

blog.cloudflare.com/cloudflare-pages-ga/

news webservice

Cloudflare PagesがGAとなり一般公開された。
Netlifyライクな_redirectsファイルのサポート。
今後はGitLab/Bitbucket連携、webhooks、A/B testing、Cloudflare Workersとの連携強化をしていく予定

ES2021 edition of “JavaScript for impatient programmers”

gist.github.com/rauschma/e9c00fddc17e73fab6ce6c22b2e78e17

ECMAScript JavaScript news book

JavaScript for impatient programmersのES2021版がリリース。
ES2021版の変更点について書かれている

JavaScript for impatient programmers (ES2021 edition)

Release Version 7.0.0 · react-hook-form/react-hook-form

github.com/react-hook-form/react-hook-form/releases/tag/v7.0.0

React JavaScript library ReleaseNote

React Hook Form 7.0.0リリース。
registerの使い方の変更、valueAs*がvalidateの前に処理されるように、APIの返り値や引数の変更などが含まれている。
マイグレーション用のツールも合わせて公開されている。

Migrate From V6 to V7 | React Hook Form - Simple React forms validation

アーティクル

Evolving the CLS metric

web.dev/evolving-cls/

performance Chrome article

CLSのスコア計算のロジックの変更について。
1秒のギャップ/最大5秒のセッションウィンドウでLayout Shiftを検出して、その合計をCLSのスコアとする予定について

Feedback wanted: The road to a better layout shift metric for long-lived pages

DevTools architecture refresh: migrating DevTools to TypeScript - Chrome Developers

developer.chrome.com/blog/migrating-to-typescript/

Chrome article TypeScript

Chrome DevToolsのコードベースを
Closure Compilerベースの型チェックからTypeScriptに移行する話。
なぜ移行するのか、TypeScriptの型推論の評価、移行のオプションですべてのTSエラーを修正する方法を選んだ理由、マイグレーションの分析などについて

The definitive guide to profiling React applications

blog.asayer.io/the-definitive-guide-to-profiling-react-applications

React performance article

React DevToolsを使ったプロファイルとパフォーマンス改善について。
DevToolsのFlamegraphなどの各種グラフの読み方、renderやcommitの意味、Profilerコンポーネントについて。
入力に対してデータの取得と更新を行うコードを例にしたプロファイラを使った改善の例など