Differences
This shows you the differences between two versions of the page.
|
pw:laboratoare:06 [2023/03/12 15:07] ciprian.dobre [Formulare] |
pw:laboratoare:06 [2023/05/08 09:55] (current) ciprian.dobre [Scopul laboratorului] |
||
|---|---|---|---|
| Line 4: | Line 4: | ||
| ===== Scopul laboratorului ===== | ===== Scopul laboratorului ===== | ||
| - | In acest laborator vom intra in detaliu legat de gestionarea starii aplicatiei folosind de **hook**-uri si **Redux Toolkit**. Motivul pentru care este nevoie de gestiunea starii aplicatiei este ca anumite componente in diferite locatii ale aplicatiei au nevoie sa imparta aceleasi date. O posibilitate pentru a propaga datele la mai multe componente este ca o compenta parinte sa trimita la descendentii sai datele prin proprietati din copil in copil, insa aceasta abordare poate aglomera componentele si duce la cod greu de gestionat. Alternativa cea mai buna este ca datele partajate de diferite componente sa fie puse la dispozitie printr-o stare globala accesibila prin functii speciale numite hooks. De asemnea, vom prezenta in acest laborator si modalitati de a crea formulare pentru a executa mutatii pe backend si cum puteti gestiona starea formularului cu validarea datelor introduse. | + | In acest laborator vom intra in detaliu legat de gestionarea starii aplicatiei folosind **hook**-uri si **Redux Toolkit**. Motivul pentru care este nevoie de gestiunea starii aplicatiei este ca anumite componente in diferite locatii ale aplicatiei au nevoie sa imparta aceleasi date. O posibilitate pentru a propaga datele la mai multe componente este ca o compenta parinte sa trimita la descendentii sai datele prin proprietati din copil in copil, insa aceasta abordare poate aglomera componentele si duce la cod greu de gestionat. Alternativa cea mai buna este ca datele partajate de diferite componente sa fie puse la dispozitie printr-o stare globala accesibila prin functii speciale numite hooks. De asemnea, vom prezenta in acest laborator si modalitati de a crea formulare pentru a executa mutatii pe backend si cum puteti gestiona starea formularului cu validarea datelor introduse. |
| ===== Gestionarea starii ===== | ===== Gestionarea starii ===== | ||
| Line 410: | Line 410: | ||
| }; | }; | ||
| </code> | </code> | ||
| + | |||
| + | ===== Resurse utile ===== | ||
| + | |||
| + | * Aplicatia [[https://gitlab.com/mobylabwebprogramming/reactfrontend|demo]] a noastra | ||
| + | * [[https://redux-toolkit.js.org/|Redux Toolkit]] | ||
| + | * [[https://www.npmjs.com/package/yup|Yup]] | ||
| + | * [[https://react-hook-form.com/|react-use-form]] | ||
