react-cache API는 무엇을 따라가야 합니까!?

3478 단어 CodeSandboxReact

react-cache Api를 추적해 봤습니다.


하고 싶었던 일이 전혀 정리되지 않아서 여러분께 질문하고 싶어요react-cache!
react-advent17th의Genki입니다!
오늘 여러분들께 물어보고 싶은 게 있어요!수spense 등의 샘플 코드로 잘 나왔나요createCache?
지금부터 createResource만 있으면 되는 건가?
어쨌든, 여러분이 사용하는 것이 어떤 것인지 알려주세요!:)
이하의react-cache 16.6.0 alpha canary - 지금까지 Suspense와 시위 행진에서 사용했던 것들이에요.react-cache 2.0.0 alpha - Latest에서 사용
import { createCache, createResource } from 'react-cache'
사용Suspense을 토대로 예전에 자주 등장했던 것은 도입react-cache이었겠죠.
하지만 현재 latest codecreateCache에는 전혀 존재하지 않습니다.
resource 쪽은 unstabe.붙었어!
참조: https://github.com/facebook/react/blob/master/packages/react-cache/src/ReactCache.js

그럼 서로 다른 발생 후의 코드를 소개해 주세요!

크리에이트 캐시를 사용해 보세요!(잘 보이는 녀석 같은데!)ver.16.6.0 canary


참조: CodeSandBoxhttps://codesandbox.io/s/ym411978lv
포켓몬스터 API: https://pokeapi.co/api/v2/pokemon/
필요한 곳에서만 Pick Up...{snipet의 표현법이 좀 좋지 않지만.}
import { createCache, createResource } from "react-cache";
let cache = createCache();
// FetchしたデータをポケモンResourceとして作成
let PokemonCollectionResource = createResource(() =>
  fetch("https://pokeapi.co/api/v2/pokemon/").then(res => res.json())
);

const PokemonList = () => {
  return (
    <ul>
      {PokemonCollectionResource.read(cache).results.map(pokemon => (
        <PokemonListItem key={pokemon.name}>{pokemon.name}</PokemonListItem>
      ))}
    </ul>
  );
};

create Resource만 사용하십시오!ver。2.0.0


참조: CodeSandBoxhttps://codesandbox.io/s/z31182nxxl
// ここでは unstable_createResource を createResource として読み込む
import { unstable_createResource as createResource } from "react-cache";

// 3. FetchしたデータをポケモンResourceとして作成
let PokemonCollectionResource = createResource(() =>
  fetch("https://pokeapi.co/api/v2/pokemon/").then(res => res.json())
);

const PokemonList = () => {
  return (
    <ul>
      {PokemonCollectionResource.read().results.map(pokemon => (
        <PokemonListItem key={pokemon.name}>{pokemon.name}</PokemonListItem>
      ))}
    </ul>
  );
};

여러분들께 물어보고 싶은 거!


여기 소스를 보고 진짜 크리에이트 캐시가 없어졌어요. 다들 뭘 쫓고 있죠?
가능하면 알려주세요!
https://github.com/facebook/react/blob/master/packages/react-cache/src/ReactCache.js
그나저나 여기 영어 버전의 React Advent가 하고 있어요!
아마 올해 안에 일본어로 정리된 것이 공개될 것 같지만, 일찍 보고 싶은 사람은 메일 리스트에 로그인하면 거의 매일 최신 소식을 받을 수 있습니다!
https://react.holiday/
감사합니다!

좋은 웹페이지 즐겨찾기