react-window

3ステップで試す

1. 1

   react-window 2.3.3を固定して導入する

   一時npm projectへreact-windowとReact peer dependencyを固定して導入します。

   demo=$(mktemp -d "${TMPDIR:-/tmp}/react-window.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact react-window@2.3.3 react@19.2.0 react-dom@19.2.0コピー
2. 2

   package versionを確認する

   review対象versionが導入されていることを確認します。

   test "$(node -e "console.log(JSON.parse(require('fs').readFileSync('node_modules/react-window/package.json')).version)")" = '2.3.3'コピー
3. 3

   List/Grid APIのexportを確認する

   DOMを起動せず、v2の主要virtualization componentとref hookを確認します。

   test "$(node --input-type=module -e "import * as R from 'react-window'; console.log(['List','Grid','useListRef','useGridRef'].every(k=>k in R))")" = 'true'コピー

Built with

• TypeScript

カテゴリとタグ

GitHubデータ

このOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。

あわせて探訪

• styled-components41,099 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  template literalでscoped CSS・theme・SSRをReact componentへ統合するCSS-in-JS library

  TypeScript
• React Three Fiber32,733 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  Three.js sceneをReact componentとJSXで宣言的に構築するReact renderer

  TypeScript
• React Redux23,424 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  Redux storeをReact componentへ購読・dispatchするための公式binding library

  TypeScript
• flatpickr16,464 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  日付・時刻・期間・複数日を依存なしのpicker UIで入力し、無効日やlocaleも設定する

  TypeScript
• Linaria12,350 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  CSS-in-JSのauthoring experienceを保ちつつ、styleをbuild時にstatic CSSへextractする

  TypeScript
• IMask5,182 Stars

  共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語

  inputに電話番号・数値・日付などの入力形式を適用し、表示値・未整形値・型付き値を分けて扱う

  TypeScript