Breaking News: Grepper is joining You.com. Read the official announcement!

// React Cache for simple data fetching (not final API)

Disturbed Dugong answered on June 28, 2021 Popularity 8/10 Helpfulness 3/10

answer // React Cache for simple data fetching (not final API)

// React Cache for simple data fetching (not final API)

Comment

// React Cache for simple data fetching (not final API)
import {unstable_createResource} from 'react-cache';

// Tell React Cache how to fetch your data
const TodoResource = unstable_createResource(fetchTodo);

function Todo(props) {
  // Suspends until the data is in the cache
  const todo = TodoResource.read(props.id);
  return <li>{todo.title}</li>;
}

function App() {
  return (
    // Same Suspense component you already use for code splitting
    // would be able to handle data fetching too.
    <React.Suspense fallback={<Spinner />}>
      <ul>
        {/* Siblings fetch in parallel */}
        <Todo id="1" />
        <Todo id="2" />
      </ul>
    </React.Suspense>
  );
}

// Other libraries like Apollo and Relay can also
// provide Suspense integrations with similar APIs.

Popularity 8/10 Helpfulness 3/10 Language javascript

Source: reactjs.org

Tags: final javascript

Link to this answer
Share Copy Link

Contributed on Jun 28 2021

Disturbed Dugong

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

// React Cache for simple data fetching (not final API)

Contents

More Related Answers

// React Cache for simple data fetching (not final API)

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.