InfoQ ホームページ React に関するすべてのコンテンツ
-
Slack、ASTと大規模言語モデルを組み合わせて15,000の単体テストの80%を自動変換する
Slackのエンジニアリングチームは先日、 EnzymeからReact Testing Library（RTL）へ大規模言語モデル（LLM）を使って、15,000の単体テストと統合テスト自動変換する方法を発表した。Abstract Syntax Tree（AST）変換とAIによる自動化を組み合わせることで、Slackの革新的なアプローチは80％の変換成功率を達成。必要な手作業を大幅に削減し、複雑な開発作業を合理化するAIの可能性を示した。
-
エクスペディア、マイクロ・フロントエンドとGraphQL最適化でフライト検索を高速化
エクスペディアは、Webアプリケーションとモバイルアプリケーションに様々な最適化を適用することで、フライト検索を最大52%高速化した（ページ使用可能時間）。これらの改善をサポートするため、同社はアプリケーションのオブザーバビリティを改善した。Expedia FlightsのWebアプリケーションは、柔軟性、再利用性、より優れた最適化を可能にするため、マイクロ・フロントエンド・アーキテクチャ (MFA)に移行された。
-
Guardian紙がサーバーレス、React、GraphQLを使ってニュースルームのコラボレーションツールを作成
Guardian紙は、同社が使用する様々なコンテンツ管理プラットフォームに統合されたディスカッションおよびアセット共有ツールであるPinboardを作成した。このソリューションでは、ビジネスロジックのコーディングにTypescript、コード実行に様々なサーバーレスサービス、APIエンドポイント、GraphQLサーバー、ストレージにAWS RDS（PostgreSQL）など、様々な技術が使われている。
-
2023年の"JavaScript Rising Stars"が発表
Rising Starsの最新レポートでは、JavaScriptエコシステムのトレンドに焦点を当て、2023年のGitHub Starsに基づく傑出したプロジェクトを紹介している。全体的にもっとも人気のあるプロジェクトは、shadcn/uiでカスタムコンポーネントを作成するために使用できるUIコンポーネントのコレクションである。JavaScriptランタイムのBunはその勢いを維持し、2番目に人気のあるプロジェクトとなった。また、オープンソースの仮想手描き風ホワイトボードExcalidrawが人気を集めた。
-
Webフレームワーク「Astro」にハイブリッドレンダリング機能を追加し、Webサイトを高速化
WebフレームワークAstroはAstro2.0をリリースし、これまで利用可能だった静的および動的サーバーレンダリングを、新しいハイブリッドレンダリング機能で補完した。ハイブリッドレンダリングは特定のページをあらかじめレンダリングしておくことで、より高速なパフォーマンスを実現する。
-
React 18で並列レンダラーを導入
React 18がリリースされた。待望の同時レンダラーが含まれている。これにより、Reactは、レンダリングプロセスを中断する機能など、いくつかの機能が改善される。
-
デザイナと開発者の作業受け渡しを合理的にする - Travis Arnold氏のReact Finland 2021での講演より
Travis Arnold氏は先日、JSXとコンパイラのテクノロジを組み合わせて使用することによって、デザイナと開発者の作業の受け渡しをより効率的にする方法について講演した。紹介されたアイデアは、公開されているツールやライブラリとしてはまだ実現されていないが、自身をデザイナ兼開発者だと称するArnold氏のアイデアは、コラボレーションの改善方法として有用な可能性がある。
-
FacebookがCSS-in-JSソリューションのStylexをReact Finland 2021で発表
Facebookのソフトウェア技術者であるNaman Goel氏は、先日のReact Finland 2021でStylexについて講演した。Stylexは新しいfacebook.com Webサイトで使用されたFacebook独自のCSS-in-JSソリューションで、大規模ReactアプリケーションにおけるCSS-in-JSの主な問題点(使用されていないスタイル、CSSファイルの肥大化、CSS-in-JSライブラリのサイズ)を軽減する。Goel氏によると、2021年末までにオープンソースとして公開される見込みである。
-
Gatsby4 - 静的コンテンツジェネレーターを超える
Gatsby 4がリリースされた。人気の静的サイトジェネレータの最新バージョンである。コンテンツを配信するための新しい方法とともに、開発者のビルドスピードを向上できる。
-
ReScript - 完全な型指定を備えたJavaScript代替言語
ReScriptは、複雑なWebアプリケーションの開発を支援する最新のプログラミング言語のひとつで、JavaScriptにトランスパイルしてブラウザ上で実行することができる。
-
-
Next.js 11が新しいScriptとImage読み込み戦略でリリース
Next.jsチームはNext.js 11を先頃リリースした。新しいバージョンは、開発者とエンドユーザの実際のパフォーマンスと認識されるパフォーマンスの向上に努めている (起動時間、サードパーティのスクリプトの読み込み、画像とプレースホルダーの読み込み)。Next.js v11は、Create React AppアプリケーションをNext.jsに移行する実験的なcodemodも提供する。
-
Relay Hooksがリリースされ、データプリフェッチのユーザエクスペリエンスが向上
FacebookのソフトウェアエンジニアであるRobert Balicki氏とJuan Tejada氏は最近、GraphQLデータをフェッチし、管理するための新しいAPIの集合であるRelay Hooksをリリースした。Relay HooksはFacebook.comの書き換えでバトルテストが行われており、FacebookでRelayを使用するための推奨されている方法である。
-
GitHub用にブラウザで長大なログを表示する
色分けやグルーピング、検索、パーマリンク(permalink)を望むならば、ブラウザに長大なログを表示するのは難しい作業になる、とGitHubのエンジニアのAlberto Gimeno氏は言う。ReactとプレーンなJSライブラリをテストした後、同社が独自開発を決めたのは、このような理由からだった。
-
React Native 0.64でHermes JavaScriptエンジンがiOSで利用可能に
React Nativeの最新バージョンでは、iOSでのHermes JavaScriptエンジンのサポートを追加し、React 17に移行する。