JSer.info #642 - ウェブフレームワークのQwik 1.0が公開されました。
QwikはReact、Vue、Angular、Svelte、SolidJSと同じようにUIライブラリで、Next.js、Nuxt、SvelteKit、SolidStart、Astroに対応するQwik Cityを持っています。
特徴としてサーバサイドレンダリングとクライアントサイドレンダリングの連携をHydrationによる再構築ではなく、イベントが発生したタイミングで必要なものを読み込むをLazy loadingによって実現しています。
これをQwikではResumableと呼んでいます。
Angular v16がリリースされました。
新しいReactiveの仕組みとしてAngular Signals利用できるようになっています。
まだ完全には統合されていませんが、今後はRxJSとの連携やZone.jsを不要にする計画なども含まれています。
詳しくは次のRFCで議論されています。
SSRとHydrationのパフォーマンス改善、standalone APIへの移行ツールの追加、esbuildベースのビルドを利用できるようになっています。
また、テストフレームワークであるKarmaをDeprecatedとし、JestとWeb Test Runnerのサポートを追加されています。
Karmaの非推奨化については次の記事でも書かれています、
- Moving Angular CLI to Jest and Web Test Runner | by Doug Parker | Apr, 2023 | Angular Blog
- docs: Add deprecation notice to Karma README · karma-runner/karma@450fdfd
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v1.16.0 · remix-run/remix
github.com/remix-run/remix/releases/tag/[email protected]
Remix 1.16.0リリース。
CSS Modules/Vanilla Extract/PostCSSのサポートをStable化。tailwindのサポートをStable化。
Opt-inで新しいremix dev
を利用できるようになるなど。
Release v5.0.0 · redwoodjs/redwood
github.com/redwoodjs/redwood/releases/tag/v5.0.0
Redwood v5.0.0リリース。
React 18、Chakra UI v2にアップグレード、Serverless-AWS deployのサポートを終了。
デフォルトのターゲットをNode.js 18に変更など
Introducing storage on Vercel – Vercel
vercel.com/blog/vercel-storage
VercelがUpstashベースのKV Storage、NeonベースのPostgres、Cloudflare R2ベースのBlobストレージのサポート
docs: Add deprecation notice to Karma README · karma-runner/karma@450fdfd
github.com/karma-runner/karma/commit/450fdfdac5b999967daec1020f1ac69cf9b854ab
KarmaがDeprecatedとなり、今後は機能追加やバグ修正を受け付けないようになる。
移行パスとしてJest、Web Test Runner、jasmine-browser-runner、Vitestなどを推奨している。
Qwik Reaches v1.0
Qwik 1.0リリース。
Node v20.1.0 (Current) | Node.js
nodejs.org/en/blog/release/v20.1.0
Node.js v20.1.0リリース。
CallTrakcer
をDeperecatedに変更、readdir
/opendir
メソッドにrecursive
オプションを追加、cp
メソッドにmode
フラグを追加。
http.createServer
メソッドにhighWaterMark
オプションを追加など
Angular v16 is here!. Six months ago, we reached a… | by Minko Gechev | May, 2023 | Angular Blog
blog.angular.io/angular-v16-is-here-4d7a28ec680d
Angular 16リリース。
新しいReactiveの仕組みとしてAngular Signals利用できるように。
SSRとHydrationのパフォーマンス改善、standalone APIへの移行ツールの追加、esbuildベースのビルドを利用できるように。
KarmaをDeprecatedとし、JestとWeb Test Runnerのサポートを追加など
Chrome 114 beta - Chrome Developers
developer.chrome.com/en/blog/chrome-114-beta/
Chrome 114 Betaリリース。
CSSのtext-wrap: balance
の追加、overflow: overlay
の追加。
BFCacheが効かない理由をPerformanceNavigationTiming APIで取得できるように、CookieのPartitioned
属性に対応。
scrollend
イベント、Popover APIのサポートなど。
Origin TrialとしてBackground Blur APIを追加など
Announcing Tauri 1.3.0 | Tauri Apps
tauri.app/blog/2023/05/03/tauri-1-3/
Tauri 1.3.0リリース。
セキュリティの改善が主となるリリース。
リモートIPCの対象を設定できるようになるなど
Release v0.31.0 · vitest-dev/vitest
github.com/vitest-dev/vitest/releases/tag/v0.31.0
vitest v0.31.0リリース。
vi.hoisted
の追加、test
にrepeats
オプションを追加など
Say Allo' to the new Inquirer (release of the rewrite) · SBoudrias/Inquirer.js · Discussion #1214
github.com/SBoudrias/Inquirer.js/discussions/1214
Node.jsのターミナルプロンプトライブラリであるinquirerが@inquirer/prompts
として新しく公開された。
全ての機能を含む@inquirer/prompts
と個別の機能ごとのパッケージをそれぞれ公開されている。
jsdom/Changelog.md at e5b8e8afdebee816862584cb7d45bdc6f86d54af · jsdom/jsdom
github.com/jsdom/jsdom/blob/HEAD/Changelog.md#%E2%80%8B2200
jsdom 22.0.0リリース。
Node.js 14のサポート終了、browserified
フィールドを使ったbrowser向けのbundleのサポートを終了など
Announcing Babylon.js 6.0. Our mission is to build one of the most… | by Babylon.js | Apr, 2023 | Medium
babylonjs.medium.com/announcing-babylon-js-6-0-dcb5f1662e3a
Babylon.js 6.0リリース。
Havokの物理エンジンの追加、パフォーマンス優先モードの追加、流体レンダリングのサポートなど。
GUIエディタをStableへと変更。スクリーンリーダのサポート、ドキュメントの刷新など
Release v5.0.0 · markedjs/marked
github.com/markedjs/marked/releases/tag/v5.0.0
marked v5.0.0リリース。
いくつかのオプションをdeprecateにし、代わりにパッケージ化。
Node.js 14と16のサポートを終了。
アーティクル
EmberData 5.X Update
blog.emberjs.com/ember-data-5-x-update-2023-04-15/
EmberData 5.xでは大きなパラダイムチェンジを入れる予定であるため、EmberData 4.12のLTSは6.xがリリースされるまで延長される予定。
【Chrome DevTools】Performance Insightsでフロントエンドパフォーマンス改善
zenn.dev/chot/articles/ce7296779048a2
Chrome DevToolsのPerformance Insightsの使い方について。
パフォーマンスタイムライン、メトリクスの読み方、何かブロックになっているかを見る方法について
React Canaries: Enabling Incremental Feature Rollout Outside Meta – React
react.dev/blog/2023/05/03/react-canaries
ReactにCanaryリリースが追加された。
npm install react@canary
で実験的な機能を含めたものをインストールできるようになる。
Exploring The Potential Of Web Workers For Multithreading On The Web — Smashing Magazine
www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
WebWorkerのユースケースについて