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 code
createCache
에는 전혀 존재하지 않습니다.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/
감사합니다!
Reference
이 문제에 관하여(react-cache API는 무엇을 따라가야 합니까!?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/GenkiAma/items/e503b1c7bc8e5a17b468텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)