JSer.info #674 - date-fns v3.0.0がリリースされました。
ESMとCJSのdual pacakgeに変更、それぞれのファイルはnamed exportするように変更されています。
また、TypeScriptの型を改善に合わせて、引数の数のRuntime Checkを無くしてType Checkのみに変更されています。
そのほかには、intervalオプションの負数をサポート、IEのサポートを終了などの変更も含まれています。
Firefox 121がリリースされました。
<iframe loading=lazy>のサポート、CSSのtext-wrap: balance、:has()、text-indent: each-ilneのサポートが含まれています。
ES2024のPromise.withResolvers()のサポート、Date.parse()で解釈できるフォーマットが追加されています。
実験的な機能としてCustom Elementのstateプロパティのサポート、showPicker()のサポートなども含まれています。
React Aria Components v1がリリースされています。
React Ariaの公式サイトがこのリリースに合わせてアップデートされていて、それぞれのコンポーネントを試せるようになっています。
また、Starter Kitというコピーして利用できるテンプレートも公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v3.0.0 · date-fns/date-fns
github.com/date-fns/date-fns/releases/tag/v3.0.0
date-fns v3.0.0リリース。
ESMとCJSのdual pacakgeに変更、それぞれのファイルはnamed exportするように変更。TypeScriptの型を改善、引数の数のRuntime Checkを無くしてType Checkのみに変更、intervalの負数をサポート、IEのサポートを終了など
Firefox 121.0, See All New Features, Updates and Fixes
www.mozilla.org/en-US/firefox/121.0/releasenotes/
Firefox 121リリース。
<iframe loading=lazy>のサポート、CSSのtext-wrap: balance、:has()、text-indent: each-ilneのサポート。
ES2024のPromise.withResolvers()のサポート、Date.parse()で解釈できるフォーマットを追加。
実験的な機能としてCustom Elementのstateプロパティのサポート、showPicker()のサポートなど
Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more - Tailwind CSS
tailwindcss.com/blog/tailwindcss-v3-4
Tailwind CSS v3.4リリース。
Dynamic viewport unitsのサポート、:has()のサポート、* variantの追加、size-* utilityの追加、Sub gridのサポートなど
December 20, 2023 Release – React Spectrum Releases
react-spectrum.adobe.com/releases/2023-12-20.html
React Aria Components v1リリース。
React Ariaの説明をするLanding Pageの公開、Storybookやスタイルを含むStarter Kitの公開など
Introducing Catalyst: A modern UI kit for React - Tailwind CSS
tailwindcss.com/blog/introducing-catalyst
TailwindのUI KitであるCatalystのリリース。
スタイル付きのコンポーネントをコピーして使う有料のReactコンポーネント集。
Bun v1.0.19 | Bun Blog
Bun v1.0.19リリース。
bun-typesには色々問題があったため@types/bunに変更、setTimeout/setIntervalのパフォーマンスを改善など
アーティクル
Node.js v21 の主な変更点 - 別にしんどくないブログ
shisama.hatenablog.com/entry/2023/12/16/151553
Node.js v21の変更点について。
FetchとWebStreamsのStable化、WebSocketの追加、navigator.language/navigator.languagesの追加、ESMデフォルト化に関するフラグの追加。
import.meta.dirname/import.meta.filenameの追加、Test Runnerのglob指定に対応、--disable-warningフラグの追加など
From CSS madness to CSS Hooks — nsaunders.dev
nsaunders.dev/posts/css-madness-to-hooks
CSS Hooksで利用されているCSS Variablesを使ったfallback trickについて。
CSS Variablesではinitialが指定されている場合はfallbackが使われ、空の値の場合は空の値が使われる。
この特性を使うことで、CSSだけでプログラムするようにスタイルのトグルが実現できる。
Getting started with Web Performance 🚀 - HTMHell
www.htmhell.dev/adventcalendar/2023/14/
ウェブパフォーマンスの入門記事。
なぜパフォーマンスが大事か、Core Web VitalsやLCP/INP/CLSといったメトリクスがどのような状態を計測してるのかの解説。
パフォーマンスを計測する方法やツール、改善に対するTipsなど
サイト、サービス、ドキュメント
TS Docs | Reference docs for npm packages
npmパッケージの型情報からtypedocを表示できるサービス。
ソフトウェア、ツール、ライブラリ関係
webui-dev/webui: Use any web browser as GUI, with your preferred language in the backend and HTML5 in the frontend, all in a lightweight portable lib.
ブラウザやWebViewをGUIとして使い、バックエンドを任意の言語で書けるデスクトップアプリツール。
バックエンドからブラウザのウィンドウ操作やブラウザとのやり取りをするSDKが色々な言語向けに用意されている
Movies App
Next.js/Angular/NuxtJS/Astro/SolidJS/Svelte/Enhance/qwik/Lit などのフレームワークで同じ映画情報アプリを作ったものを比較できるサイト。
