JSer.info #575 - Parcel 2.2.0がリリースされました。
Parcel 2.2.0では、Parcel CSSというRustで書かれたCSSのparser, compiler, minifierが含まれています。
まだ、試験的なプラグインとなっていますが、パフォーマンスやビルドしたCSSのサイズが改善されています。
- Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!
- Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks
AngularJS(1.x系)のLTSが2021年12月31日で終了しました。
当初の予定よりLTSの期間が延長されていましたが、AngularJSのサポートは終了となります。
Colors.jsと同じく作者によるMarak/faker.jsはリポジトリやパッケージの中身がなくなっている状態でした。
これへの対応としてコミュニティによるfaker-js/fakerプロジェクトが公開されています。
これによりFaker.jsはコミュニティでのメンテナンスとなり@faker-js/faker
として改めて公開されています。
ForkではVersion 6 alphaの開発を進めていて、TypeScriptに書き直し、ドキュメントサイトの公開されています。
また記事では、Open Collectiveを使ったFundingについても書かれています。
お知らせ
JSer.infoは 2022-01-16 で11周年を迎えました。
11周年の記事でも書いていますが、現在JSer.infoについてのアンケートを実施しています。
- JSer.info 11周年アンケート
- https://forms.gle/Uzs3wgSrkUgYxWdr5
是非、気軽に答えてみてください!
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v5.66.0 · webpack/webpack
github.com/webpack/webpack/releases/tag/v5.66.0
webpack 5.66.0リリース。
Node.jsのESMからCJSをimportする際にnamed importできる形式で出力できるlibraryTarget: commonjs-static
を追加。
CSSのネイティブサポートを目的とする実験的なフラグとしてexperiments.css
を追加など
Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!
Parcel 2.2.0で、Rustで書かれたCSS parser/compiler/minifierが導入された。
パフォーマンスやCSSのminifyのサイズなどが改善されている。
- Release v2.2.0 · parcel-bundler/parcel
- Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks
Discontinued Long Term Support for AngularJS | by Mark Thompson (@marktechson) | Jan, 2022 | Angular Blog
blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a
2021年12月31日でAngularJS(1.x)のLTSが終了した。
これ以降、AngularJSのメンテナンスは行われなくなる。
An update from the Faker team | Faker
Faker.jsはコミュニティでのメンテナンスとなり@faker-js/faker
としてForkされた。
ForkではVersion 6 alphaの開発を進めていて、TypeScriptに書き直し、ドキュメントサイトの公開されている。
また、Open Collectiveを使ったFundingについて
Release Rhino 1.7.14 · mozilla/rhino
github.com/mozilla/rhino/releases/tag/Rhino1_7_14_Release
JavaでのJavaScript実装であるRhino 17.14リリース。
Promiseの実装、BigIntの実装、Template Literalの実装、String.raw
の実装、globalThis
の実装、**
演算子の実装など。
また、ES2019でのJSON supersetの変更やプロパティ名のショートハンドの対応なども含まれている。
Announcing NAPI-RS v2 | NAPI-RS Docs
RustでNodeのNative Modulesを書けるNAPI-RS v2リリース。
#[napi]
マクロ、TypeScriptの型定義とJavaScriptのバインディングファイルの生成、async fn
の対応など
Release Eleventy v1.0.0: First! · 11ty/eleventy
github.com/11ty/eleventy/releases/tag/v1.0.0
静的サイトジェネレータであるEleventy v1.0.0リリース
Release v13.0.0 · facebook/relay
github.com/facebook/relay/releases/tag/v13.0.0
relay 13.0.0リリース。
relay-compilerをRustで書き直して、パフォーマンスの改善やディレクティブの追加。
relay-configの削除など
アーティクル
A Visual Guide to useEffect | Alex Sidorenko
alexsidorenko.com/blog/useeffect/
ReactのuseEffect
の動きをビジュアライズした連載記事
A brief introduction of vite-plugin-federation | by Vueshenzhen | Jan, 2022 | Medium
medium.com/@vueshenzhen/a-brief-introduction-of-vite-plugin-federation-9e998b2e43b
ViteでwebpackのModule Federationをするプラグインについて。
webpack側をremoteにして、webpackとの統合もできる。
Replit - Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser
JavaScriptで書かれたコードエディタライブラリであるAce、Monaco、CodeMirror 6を比較した記事
Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub|Webエンジニアのキャリアを考える!
eh-career.com/engineerhub/entry/2022/01/13/090000
Reactの状態管理についての記事。
React外で管理するRedux/XState、React中で管理するRecoil、フロントの状態を一時的なキャッシュとして扱うQuery系のSWRやreact-queryについて
JavaScriptのレガシー挙動を定めたAnnex Bをひたすら読む記事
zenn.dev/qnighy/articles/1d96f2c0c662f6
ECMAScriptの仕様書で互換性のために非推奨のものとして定義されているAnnex Bについて
TypeScript解読アシスタント | TypeScript入門『サバイバルTypeScript』
typescriptbook.jp/code-reading-assistant
TypeScriptのコード中の構文の名前やリファレンスへのリンクを表示するツール
Form Validation Using JavaScript's Constraint Validation API
blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api
FormのHTML要素、CSS、JavaScriptでのバリデーションについての記事。
ソフトウェア、ツール、ライブラリ関係
fox1t/turborepo-remote-cache: open-source implementation of the Turborepo custom remote cache server.
github.com/fox1t/turborepo-remote-cache
Turboのremote cache serverのオープンソース実装
ngneat/elf: 🧙♀️ A Reactive Store with Magical Powers
RxJSを使ったステート管理ライブラリ。
AngularのAkitaの人が作っている。
書籍関係
Understanding JavaScript Promises
ebooks.humanwhocodes.com/promises
Promisesについての書籍