foxact
DocsDocsChange LogChange Log (opens in a new tab)
GitHubGitHub (opens in a new tab)
  • Guide
  • Getting Started
  • Best Practice
  • Where is ...?
  • Hooks
  • useAbortableEffect
  • useClipboard
  • useComponentWillReceiveUpdate
  • useCompositionInput
  • useDebouncedState
  • useDebouncedValue
  • useErrorBoundary
  • useFastClick
  • useIntersection
  • useIsClient
  • useIsOnline
  • useIsomorphicLayoutEffect
  • useLocalStorage
  • useMediaQuery
  • usePageVisibility
  • useRetimer
  • useSessionStorage
  • useSingleton
  • useStableHandler
  • useTypeScriptHappyCallback
  • useUncontrolled
  • Components
  • ComposeContextProvider
  • CurrentYear
  • Utilities
  • Context State
  • Create localStorage State
  • Create sessionStorage State
  • createFixedArray
  • fetchJsonp
  • invariant & nullthrow
  • Noop
  • No SSR
  • Rem
  • Request Idle Callback
  • TypeScript Happy Forward Ref
  • isSafari
  • Extensions
  • useNextLink (Next.js App Router)
  • useNextPathname (Next.js Pages Router)
  • useReactRouterEnableConcurrentNavigation (React Router v6)
  • useReactRouterIsMatch (React Router v6)
  • Open in New Tab

On This Page

  • Usage
Question? Give us feedback → (opens in a new tab)Edit this page

createFixedArray

Exports Size
loading...
Gzip Size
loading...
Brotli Size
Source Code
View on GitHub
Docs
Edit this page

Create shared fixed-size read-only arrays.

Usage

Below is an example of creating a loading skeleton screen with 10 skeleton items:

import { memo } from 'react';
import { createFixedArray } from 'foxact/create-fixed-array';
 
const PostsLoading = () => {
  return (
    <Stack>
      {createFixedArray(10).map(i => (
        <Skeleton key={i} h={48} w="100%" />
      ))}
    </Stack>
  );
};
 
export default memo(PostsLoading);
Create sessionStorage StatefetchJsonp

MIT License | Made with ♥ by Sukka | © 2023 - 2025