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

2023/07/14 127 users 群雄割拠 React Server Components

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

useEffectをやめて、Suspenseを使おう

2023/05/05 132 users useEffect SWR データフェッチ React SPA

Reactコンポーネントの開発時、データフェッチは欠かせません。 SPAで開発を行う時、あなたも含めてuseEffect()を使ったことがあるはずです。 あなたがSWRやReact Queryの代わりにuseEffect()を使う理由は、いくつかあるのでしょう。 そんな方のために、Reactが提供する<Suspense>を使ってデータフェッチを行う方法を紹... 続きを読む

最速攻略！　Reactの `use` RFC

2022/10/16 118 users RFC React use React界隈 前提知識

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

Next.js 12

2021/10/26 89 users Next.js ＩＭＡ beta support

As we announced at Next.js Conf, Next.js 12 is our biggest release ever: Rust Compiler: ~3x faster Fast Refresh and ~5x faster buildsMiddleware (beta): Enabling full flexibility in Next.js with code over configurationReact 18 Support: Native Next.js APIs are now supported, as well as Suspense<Ima... 続きを読む

?React 16.10 : 2種類の新フック「useTransition」と「useDeferredValue」を最速で理解する（プレビュー版） - Qiita

2019/10/27 69 users React Qiita Concurrent Mode 恩恵

React 16.10 : 2種類の新フック「useTransition」と「useDeferredValue」を最速で理解する（プレビュー版） 10月25日、Reactの新機能であるConcurrent Modeのプレビュー版が発表されました。この中には、Concurrent Modeの恩恵を得るために必要となる新しいAPIが含まれています。 これらのAPIの中心となるのが、Suspense... 続きを読む

Reactの新機能「Time Slicing」と「Suspense」をFacebookが紹介。非同期レンダリングを活用しUXをサクサクに向上 － Publickey

2018/03/06 160 users Facebook Publickey React Fiber

FacebookがReactの新機能「Time Slicing」と「Suspense」を紹介。非同期レンダリングを活用しUXをサクサクに向上 Reactの最新バージョンである「React 16」以降に予定されている新機能は、Reactの新コアアーキテクチャとしてReact 16から採用されたFiberによって実現される非同期レンダリングなどを活用。CPU能力が低いデバイスやネットワーク帯域が十分で... 続きを読む