reactの検索結果1 - 6 件 / 6件

• あとで読む

  【React】なぜコンポーネントの中でコンポーネントを作るのは良くないのか？

  • 111 users
  • zenn.dev/dinii
  • テクノロジー
  • 2024/09/06

  こんにちは、ダイニーの Feature team でソフトウェアエンジニアをしている @ta21cos です。 最近は新規事業である決済関連の機能の開発をメインに行なっています。 ダイニーにおける Feature team は機能にフォーカスした開発・運用を行っているチームです。最近は複数の事業毎に Unit として分かれて開発を進めています。 本日は、普段の開発で実際にあった Pull Request のレビューコメントから得た学びについて紹介します。 Dialog を実装しよう React を使ってある Dialog を作成するため、以下のようなコードを書きました（コードは簡略化しています）。 // useSample ファイル // 内部でロジックと Dialog を同時に定義している hook const Dialog = memo<{ progress: number, ...

  • react
  • あとで読む
  • フロントエンド
  • techfeed
  • web制作
  • 開発

  
• あとで読む

  Reactが初回マウントされるまでの仕組みを理解する

  • 65 users
  • zenn.dev/aishift
  • テクノロジー
  • 2024/09/02

  今回はReactが初回マウントされるまでの実装を私自身が学習した流れに沿って解説したいと思います。「React Internals Deep Dive」というブログ記事がReactの内部実装を知るのに大変参考になります。 また、「React Internals Explorer」を使うとReactが実行するプロセスを視覚的に理解することができるため、大変おすすめです。 はじめに 本記事では以下の構成に従って解説をしていきます。 前提として理解するべき要素 FiberNodeの種類 4つの実行フェーズ currentとworkInProgress Trigger フェーズの実装 Render フェーズの実装 Commit フェーズの実装 初回マウントに関する内容は主にこちらのブログを参照しています。 なぜ初回マウントに限定するのか 今回はReactの実行の中でも初回マウントに限定して解説をし

  • react
  • あとで読む
  • DOM
  • *あとで読む

  
• あとで読む

  アクセシビリティが考慮された React Aria のドラッグアンドドロップ

  • 62 users
  • azukiazusa.dev
  • テクノロジー
  • 2024/09/08

  アクセシビリティが考慮された React Aria のドラッグアンドドロップ 2024.09.07 React Aria は Adobe により提供されている React 用のコンポーネントライブラリであり、アクセシビリティを最優先した設計となっています。本記事では、React Aria により提供されているドラッグアンドドロップ機能を紹介します。 ドラッグアンドドロップは、ユーザーが UI の要素をドラッグして別の場所に移動する操作です。Web アプリケーションにおいて、ドラッグアンドドロップはユーザーが直感的に操作できるため、多くの場面で利用されています。例えばタスク管理アプリケーションにおいて、タスクをドラッグして進行状況を変更したり、ファイル管理アプリケーションにおいてファイルをドラッグしてフォルダを移動する機能などがあります。 従来のドラッグアンドドロップ機能はマウス以外での操作

  • React
  • a11y
  • あとで読む
  • adobe
  • techfeed

  
• あとで読む

  What’s new in React 19 – Vercel

  • 28 users
  • vercel.com
  • テクノロジー
  • 2024/09/05

  What’s new in React 19Explore React 19 and how to start using it on Vercel today. React 19 is near. The React Core Team announced a React 19 release candidate (RC) this past April. This major version brings several updates and new patterns, aimed at improving performance, ease of use, and developer experience. Many of these features were introduced as experimental in React 18, but they will be mar

  • react
  • あとで読む
  • article

  
• あとで読む

  React Aria で実現する次世代のアクセシビリティ

  • 27 users
  • speakerdeck.com/ryo_manba
  • テクノロジー
  • 2024/09/07

  Web Developer Conference 2024 (2024/09/07) での発表資料 https://web-study.connpass.com/event/321711/

  • React
  • a11y
  • あとで読む

  
• あとで読む

  React 19の新機能まとめ — サーバーコンポーネントは全フロントエンドエンジニア必見

  • 4 users
  • techfeed.io
  • テクノロジー
  • 2024/09/05

  9月5日、Vercelの公式ブログで「What’s new in React 19 – Vercel」と題した記事が公開された。この記事では、React 19における重要な新機能や改善点について、詳細かつ実践的な内容が取り上げられている。これまでのReactのバージョンで導入されてきた実験的機能が、React 19で正式に安定化され、多くの開発者にとってさらなるパフォーマンスの向上と開発体験の向上が期待されている。 ここでは、同記事からポイントを絞って内容をご紹介する。 サーバーコンポーネント (Server Components) サーバーコンポーネントは、Reactの10年の歴史の中でも最も大きな変化の1つであり、React 19の新機能の基盤となるものである。この機能により、以下の点が大幅に改善される。 初期ページロード時間の短縮 サーバーコンポーネントを使用すると、クライアントに送

  • techfeed
  • JavaScript