TIL: React Custom Hook

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…