React 18で使える新たなCSSユーティリティ「CSS Components」が公開 ー React 18以降主流になりつつあるサーバーコンポーネントに対応、CSS-in-JSのDX課題を解決

2023/08/02 7 users サーバーコンポーネント LogRocket React向け

8月1日、React向けの組み合わせ可能なCSSコンポーネントの作成について発表がありました。 React 18のリリースにより、サーバーコンポーネントが一般的になり、Reactアプリを作成するためのデフォルトの方法になりました。 [LogRocketのブログ](https://blog.logrocket.com/writing-composable-css-components-react/)で... 続きを読む

React 18の非同期機能とパフォーマンス改善についてVercelが解説

2023/07/18 9 users React Vercel アプリケーション パフォーマンス

React 18の非同期機能とパフォーマンス改善について 7月19日、React 18はパフォーマンス改善機能を発表しました。 この記事では、React 18の非同期機能がアプリケーションのパフォーマンスに与える影響と改善点 React 18の非同期機能とパフォーマンス改善について この記事では、React 18の非同期機能がアプリケーション... 続きを読む

React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ - エンジニアHub｜Webエンジニアのキャリアを考える！

2023/07/14 127 users Suspense 群雄割拠 フレームワーク エンジニアHub

エンジニアHub > 記事一覧 > React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ React 18とSuspenseの基本 ─ フレームワークの選択やReact Server Componentsなど新しいベストプラクティスを学ぶ 群雄割拠のフロントエンドフレームワーク界でも、一歩抜きん... 続きを読む

最速攻略！　Reactの `use` RFC

2022/10/16 118 users RFC React Suspense use React界隈

皆さんこんにちは。最近のReact界隈で話題になっているのは次のRFCです。 そこで、この記事ではさっそくRFCを理解することを目指します。 ただし、このRFCはSuspenseに深く関わるものです。SuspenseはReact 18でもう正式リリースされていますから、この記事ではSuspenseは前提知識とします。もしまだSuspenseをよく知ら... 続きを読む

React 18のSuspenseを使ってReact Hook Formの非同期な初期値の扱いを簡単にする - Qiita

2022/07/16 16 users SaaS Qiita Suspense taro Form

はじめに 普段はスタートアップで建設業界向けのSaaSの開発をしている作っているtaroと申します。 今回はReact18で登場したSuspenseを触っていたら、React Hook Formでフォームの初期値に非同期な値を設定するのが簡単になりそうだなーって思ったので、試してみました。 React Hook Formを使ったことがない方でもきっと... 続きを読む

React 18リリース候補版が公開。Automatic BatchingやServer-Side Renderingのストリーミング対応による速度向上、IE対応の終了など

2022/03/14 7 users React version UIライブラリ IE対応 速度向上

React 18リリース候補版が公開。Automatic BatchingやServer-Side Renderingのストリーミング対応による速度向上、IE対応の終了など JavaScript対応のUIライブラリである「React」の最新版、「React 18」のリリース候補版が公開されました。 Our next major version, React 18, is available as a Release Candidate. If... 続きを読む

React 18に備えるにはどうすればいいの？　5分で理解する - Qiita

2021/11/24 152 users Qiita アーリーアダプター React 足音 Alpha版

React 18はReactの次期メジャーバージョンで、2021年の6月にalpha版が、11月にbeta版が出ました。また、Next.js 12でもReact 18のサポートが実験的機能として追加されました。いよいよReact 18の足音が我々に近づき、アーリーアダプターではない皆さんの視界にもいよいよReact 18が入ってきたところです。 特に、React 1... 続きを読む

React 18とはなにか、Fiberの観点から理解する

2021/06/30 17 users Fiber React SSR ライブラリ作者 観点

React 18はα版で、主にライブラリ作者のために公開されています。ユーザーが急いで知る必要はありません。この記事は、いわばオタク向けです。 React 18とはなにか、Fiberの観点から理解する React 18では目新しい機能が多く導入されます。たとえば追加されるものにはConcurrent RenderingやstartTransition、SSRの改善... 続きを読む

2021-06-15のJS: React 18 αリリース、Deno 1.11(Docker Images)、Plotly.js 2.0 - JSer.info

2021/06/15 8 users JSer.info React discussions

JSer.info #544 - React 18のα版のリリースとReact 18での変更予定についての記事が公開されています。 The Plan for React 18 – React Blog React 18のα版はライブラリのメンテナー向けで、これにあわせてReactのワーキンググループが作られています。 React 18の詳細な変更予定については、次のDiscussionsにまとめら... 続きを読む