Unul din lucrurile care mă scoteau din sărite la componentele React era că se aduna foarte rapid o grămadă de cod. Dacă adaugi 2-3 useState
, gata, te pricopsești cu 1-200 linii de cod într-o componentă. Yuck!
Iar azi am găsit treaba asta: extragi useState
într-un custom hook , astfel încât expui doar state
-ul și metodele necesare. Sigur, acum, privind în urmă, are sens, dar până acum câteva ore… nu avea.
const useMyState = (defaultState) => {
const [state, setState] = useState(defaultState);
const handlers = {
create: () => {...},
update: (key, value) => {...},
remove: (id) => {...},
};
return [state, handlers];
}
Implementez fiecare metodă din handlers
cum cred eu de cuviință. În componentă îl folosesc așa:
const [parts, {create, update, remove}] = useMyState ({});
Probabil urmează mai multe articole pe React & ce mai fac la proiectul curent…