1.0.2 • Published 8 years ago
onio-middlewares v1.0.2
README
jedná se prozatím o 3 pomocné scripty, které pomáhají vytvářet akce a reducery v reduxu.
Lepší tvorba jednoduchých akcí
pokud vytváříte opravdu pouze základní akci, tak stačí napsat pouze
const addUser = makeActionCreator('neco', 'name', 'id', 'age');
Místo původního zápisu
const addUser = (name, id, age) => ({
type: 'neco',
name,
id,
age
})
Snadnější přístup k api a k tvorbě async funkcí
export const loadPokemon = (fetching, name) => ({
types: [LOAD_USER_REQUEST, LOAD_USER_SUCCESS, LOAD_USER_FAILURE],
shouldCallAPI: () => !fetching,
callAPI: () => fetch(`http://myapi.co/api/v2/user/${name}/`),
payload: {}
})
Popis jednotlivých property!
- types = typy fukncí. Vždy jsou 3 (první = dokud běží požadavek, druhá = pokud dostanu odpověď ze serveru, třetí = pokud dotaz selže)
- shoouldCallAPI = bere pouze true, nebo false. POkud má nastaveno true, tak může zavolat api. Pokud má nastaveno false, tak si o data neřekne.
- callAPI = příkaz fetch se zdrojem a dalšími nastaveními.
- payload = pokud chci předat do storu, ještě další data, tak je dám sem!
Middleware pro tvorbu reducerů:
const user = createReducer({}, {
[LOAD_USER_SUCCESS](state, action) {
return action.response;
},
});