New:Introducing Socket Scanning for VS Code Marketplace Extensions.Learn more →
Get Started

react-suspense-data

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-suspense-data

Enjoy React Suspense for async data fetching without rewriting existing components

latest
Source
npmnpm
Version
0.1.2
Version published
Maintainers
1
Created
Source

React Suspense Data

Support

✅ Typescript support

Getting Start

yarn add react-suspense-data

# OR

npm install --save react-suspense-data

Example

import { Suspendable, useSuspendableData } from 'react-suspense-data'

const UserPage = ({ userId }) => {
  const suspendableData = useSuspendableData(() => getUserAsync({ id: userId }), [userId])

  return (
    <React.Suspense fallback={<Loading />}>
       <Suspendable data={suspendableData}>
         {data => <UserProfile user={data}/>}
       </Suspendable>
    </React.Suspense>
  )
}

Keywords

react

FAQs

Package last updated on 11 Oct 2021

Related posts