TIL: React Custom Hook

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… :D

Adaugă un comentariurăspuns pentru

Poți adăuga bucăți de cod folosind [code]codul tău aici[/code], [js][/js], [php][/php] etc.

Link-urile în context sunt binevenite. Comentariile fără nume/email valid sunt șterse.
PS: Comentariul NU este editabil.

Acest site folosește Akismet pentru a reduce spamul. Află cum sunt procesate datele comentariilor tale.

Site-ul blog.iamntz.com utilizează cookie-uri. Continuarea navigării presupune acceptarea lor. Mai multe informații.

windows apple dropbox facebook twitter