react.jsの人気記事 3件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 3 件 / 3件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

react.jsの検索結果1 - 3 件 / 3件

React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog

● 93 users ● tech.smarthr.jp ● テクノロジー ●2024/06/20 こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。さて、Meta が開発するUIライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン19のRC版が公開されており、注目を集めています。バージョン19では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン19をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった仮想 DOM ●react ●あとで読む ●accessibility ●アクセシビリティ

今話題となっているReact 19のSuspenseの変更内容を詳しく見てみました。

● 37 users ● zenn.dev/mylifeasjosh ● 世の中 ●2024/06/14 はじめに以下のツイートが発端でした。投稿者は、React Query のメインコントリビュータの tkdodo さんです。 React 19 に含まれる変更にある異変を気づきました。変更は以下に該当します react: Don’t prerender siblings of suspended component #26380 リリースノートに隅っこにありました。この変更は RFC なしで含まれました。該当PRは以下 What React では、 Suspense を使って、非同期処理を行うコンポーネントやReact.lazyによってコンポーネントの遅延ロード時に、読み込みを完了するまでフォールバックを表示させることができます。以下のような実装があるとします。 import { lazy, Suspense, useState } from "react"; const Av ●react ●suspense ●あとで読む

そのuseRef+useEffect、refコールバックのほうが良いかも？ - Qiita

● 36 users ● qiita.com/uhyo ● テクノロジー ●2024/06/20 Reactにおいて、useEffectのユースケースとして知られているのが、DOMノードに直接アクセスしなければいけない場合です。useRefでDOMノードをrefオブジェクトに取得し、エフェクト内からDOMノードにアクセスするというのがその場合の基本的なやり方です。このようなuseRef + useEffect の使い方は、問題ない場合もありますが、実は別の手段を使った方がいい場合もあります。その場合に別の手段として適しているのがrefコールバックという機能です。そこで、この記事ではどのような場合にuseRef + useEffectよりもrefコールバックが適しているのか、そしてrefコールバックを使う場合の注意点について解説します。復習: refコールバックとは React DOMでは、組み込み要素︵divなどHTMLの要素︶に対してrefという特殊なpropを与えることができ ●React ●あとで読む