0.1.1 • Published 1 year ago
usegardevoir v0.1.1
Using SWR from Vercel as dependency, Gardevoir helps you define your routes and map them to specific components with ease.
How to use :
- Create a config file :
import { GardevoirReturnOptions } from "usegardevoir";
const config = {
getPokemon : (FetchOptions, SwrOptions)
: GardevoirReturnOptions => {
const {name} = FetchOptions || "gardevoir";
return {
url : `https://pokeapi.co/api/v2/pokemon/${name}`,
revalidateIfStale : true,
revalidateOnFocus : true,
...SwrOptions
}
}
}
export default config;
- Create a hook to get the react callback function based on your config file.
import initializeGardevoir from 'usegardevoir';
import config from './config';
function useGardevoir(){
const gardevoirCb = initializeGardevoir(config);
return gardevoirCb;
};
export default useGardevoir;
- Inside your component run the hook.
const swr = useGardevoir();
const data = swr('getPokemon',{
FetchOptions : {
name : 'ditto'
},
SwrOptions : {
// if needed
}
})
Both FetchOptions and SwrOptions are optional, SwrOptions retrieve the types from SwrConfiguration.
0.1.1
1 year ago
0.1.0
1 year ago
0.0.26
1 year ago
0.0.25
1 year ago
0.0.24
1 year ago
0.0.23
1 year ago
0.0.22
1 year ago
0.0.21
1 year ago
0.0.20
1 year ago
0.0.19
1 year ago
0.0.18
1 year ago
0.0.17
1 year ago
0.0.16
1 year ago
0.0.15
1 year ago
0.0.14
1 year ago
0.0.13
1 year ago
0.0.12
1 year ago
0.0.11
1 year ago
0.0.10
1 year ago
0.0.9
1 year ago
0.0.8
1 year ago
0.0.7
1 year ago
0.0.6
1 year ago
0.0.5
1 year ago
0.0.4
1 year ago
0.0.3
1 year ago
0.0.2
1 year ago
0.0.1
1 year ago