Fork me on GitHub

2022-01-18のJS: Parcel 2.2.0(Parcel CSS)、AngularJS(1.x) LTS終了、Faker.jsプロジェクト

Edit on GitHub 編集履歴を見る

JSer.info #575 - Parcel 2.2.0がリリースされました。

Parcel 2.2.0では、Parcel CSSというRustで書かれたCSSのparser, compiler, minifierが含まれています。
まだ、試験的なプラグインとなっていますが、パフォーマンスやビルドしたCSSのサイズが改善されています。


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をサポートするには

JSer.info Sponsors

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


ヘッドライン


Release v5.66.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v5.66.0

webpack ReleaseNote

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!

parceljs.org/blog/parcel-css/

JavaScript CSS bundler ReleaseNote

Parcel 2.2.0で、Rustで書かれたCSS parser/compiler/minifierが導入された。
パフォーマンスやCSSのminifyのサイズなどが改善されている。


Discontinued Long Term Support for AngularJS | by Mark Thompson (@marktechson) | Jan, 2022 | Angular Blog

blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a

Angular JavaScript news

2021年12月31日でAngularJS(1.x)のLTSが終了した。
これ以降、AngularJSのメンテナンスは行われなくなる。


An update from the Faker team | Faker

fakerjs.dev/update.html

JavaScript library news

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 library

JavaでのJavaScript実装であるRhino 17.14リリース。
Promiseの実装、BigIntの実装、Template Literalの実装、String.rawの実装、globalThisの実装、**演算子の実装など。
また、ES2019でのJSON supersetの変更やプロパティ名のショートハンドの対応なども含まれている。


Announcing NAPI-RS v2 | NAPI-RS Docs

napi.rs/blog/announce-v2

Rust node.js library ReleaseNote

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

Tools ReleaseNote

静的サイトジェネレータであるEleventy v1.0.0リリース


Release v13.0.0 · facebook/relay

github.com/facebook/relay/releases/tag/v13.0.0

GraphQL library ReleaseNote

relay 13.0.0リリース。
relay-compilerをRustで書き直して、パフォーマンスの改善やディレクティブの追加。
relay-configの削除など


アーティクル


A Visual Guide to useEffect | Alex Sidorenko

alexsidorenko.com/blog/useeffect/

React article

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 plugin article

ViteでwebpackのModule Federationをするプラグインについて。
webpack側をremoteにして、webpackとの統合もできる。


Replit - Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser

blog.replit.com/code-editors

JavaScript editor library article

JavaScriptで書かれたコードエディタライブラリであるAce、Monaco、CodeMirror 6を比較した記事


Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub|Webエンジニアのキャリアを考える!

eh-career.com/engineerhub/entry/2022/01/13/090000

React JavaScript article

Reactの状態管理についての記事。
React外で管理するRedux/XState、React中で管理するRecoil、フロントの状態を一時的なキャッシュとして扱うQuery系のSWRやreact-queryについて


JavaScriptのレガシー挙動を定めたAnnex Bをひたすら読む記事

zenn.dev/qnighy/articles/1d96f2c0c662f6

ECMAScript browser spec article

ECMAScriptの仕様書で互換性のために非推奨のものとして定義されているAnnex Bについて


TypeScript解読アシスタント | TypeScript入門『サバイバルTypeScript』

typescriptbook.jp/code-reading-assistant

TypeScript Tools document

TypeScriptのコード中の構文の名前やリファレンスへのリンクを表示するツール


Form Validation Using JavaScript's Constraint Validation API

blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api

JavaScript HTML article

FormのHTML要素、CSS、JavaScriptでのバリデーションについての記事。


ソフトウェア、ツール、ライブラリ関係


fox1t/turborepo-remote-cache: open-source implementation of the Turborepo custom remote cache server.

github.com/fox1t/turborepo-remote-cache

monorepo node.js server

Turboのremote cache serverのオープンソース実装


ngneat/elf: 🧙‍♀️ A Reactive Store with Magical Powers

github.com/ngneat/elf

JavaScript library

RxJSを使ったステート管理ライブラリ。
AngularのAkitaの人が作っている。


書籍関係


Understanding JavaScript Promises

ebooks.humanwhocodes.com/promises

Promises book JavaScript

Promisesについての書籍


この記事へ修正リクエストをする
JSer.info Slackに参加する