該週報主要為各個地方內容的彙總整理
技術#
React サーバーコンポーネントとは#
React サーバーコンポーネントは、サーバー上でレンダリングされる React コンポーネントであり、ネットワークのウォーターフォールを減らし、高速な構築とメンテナンスが容易なユーザーエクスペリエンスを作成することを目的としています。これにより、クライアントに送信される JavaScript の量が減少し、ネストも可能になり、必要なリクエストの数も減少します。サーバーコンポーネントは通常の React コンポーネントのように見えますが、サーバーで正常に動作するためには追加の手続きが必要です。サーバーコンポーネントはすべての React の問題を解決するわけではありませんが、より大規模で複雑なアプリケーションにのみ適用されます。
Performance API を使用してページの読み込み時間を測定する方法#
この記事では、パフォーマンス API を使用してページの読み込み時間を測定する方法について説明し、JavaScript の実装例を提供しています。著者はまた、開発者が時間を節約するための "page-loaded-in" という名前の NPM パッケージも作成しました。Web ベースのプロジェクトを開発する際には、パフォーマンスを優先することが非常に重要であり、ユーザーにシームレスで効率的なエクスペリエンスを提供するために必要です。
React 調和：その動作となぜ気にする必要があるのか#
この記事では、React のコンポーネントのレンダリングプロセスにおける謎について議論しています。条件付きレンダリングされるコンポーネントでは、再レンダリングごとに自身がアンマウントおよび再マウントされ、内部の状態が失われる可能性があります。ただし、複数のコンポーネントが同じ条件付きレンダリングを使用している場合、React は新しいものをアンマウントおよび再マウントするのではなく、元のコンポーネントを再レンダリングします。これは、React の調和アルゴリズムによるものであり、DOM を効率的に更新するために既存の要素を変更することを目的としています。この記事では、アルゴリズムの動作や React 開発への影響について詳しく説明しています。
ツール#
will-this-react-global-state-work-in-concurrent-rendering#
React の並行レンダリングでレンダリングの中断と状態の分岐をテストする
react-lifecycle-visualizer#
React レンダリングの可視化と完全なログトラッキング
recharts#
React と D3 を使用して構築されたチャートライブラリの再定義
大きなオプションを渡すのではなく、コンポーネントベースの分割が好きです
neon#
Node.js アプリケーションやライブラリに Rust を埋め込むためのライブラリとツールチェーン
Chat2DB#
阿里巴巴がオープンソースで提供する無料のマルチデータベースクライアントツールで、Windows、Mac のローカルインストールおよびサーバーへのデプロイ、Web ページアクセスをサポートしています。
更新#
View Transitions API#
ビュートランジション API は、異なる DOM の状態間のアニメーショントランジションを簡単に作成し、単一のステップで DOM コンテンツを更新するメカニズムを提供します。
https://github.com/vuejs/vitepress/pull/2347/files
Chrome でテーマの切り替えをクリックしてください
https://deploy-preview-2347--vitepress-docs.netlify.app/