Differences
This shows you the differences between two versions of the page.
|
pw:laboratoare:05 [2023/02/24 14:34] ciprian.dobre [Ce este un backend?] |
pw:laboratoare:05 [2023/04/24 22:36] (current) ciprian.dobre [React Query] |
||
|---|---|---|---|
| Line 146: | Line 146: | ||
| === Uilizare React Query === | === Uilizare React Query === | ||
| - | - Pentru a începe să utilizați React Query, trebuie să îl instalați mai întâi. Puteți face acest lucru utilizând comanda de instalare npm: <code>npm install react-query</code> | + | - Pentru a începe să utilizați React Query, trebuie să îl instalați mai întâi. Puteți face acest lucru utilizând comanda de instalare npm: <code>npm install @tanstack/react-query</code> |
| - După ce ați instalat React Query, trebuie să îl importați și să îl configurați în aplicația voastră. React.js. În mod tipic, acest lucru se face în fișierul App.js. Iată un exemplu simplu: <code>import React from 'react'; | - După ce ați instalat React Query, trebuie să îl importați și să îl configurați în aplicația voastră. React.js. În mod tipic, acest lucru se face în fișierul App.js. Iată un exemplu simplu: <code>import React from 'react'; | ||
| import { QueryClient, QueryClientProvider } from 'react-query'; | import { QueryClient, QueryClientProvider } from 'react-query'; | ||
| Line 196: | Line 196: | ||
| - | ==== Teams ==== | + | ===== Sarcini de laborator ===== |
| - | Asa cum am spus la inceputul anului, aveti un canal special dedicat pentru **Discutii de laborator**. Orice intrebare aveti cu privire la laborator, va rog sa o puneti acolo, pentru a putea sa va lamurim. | + | - Creați un nou proiect de BE, așa cum a fost prezentat în Laboratorul 1 |
| + | - Extindeți funcționalitatea din WeatherForecastController adăugând o metoda care întoarce prognoza pentru o data primita că parametru. Trebuie să întoarcă prognoza doar pentru următoarele 7 zile. În cazul în care este ceruta o data mai îndepărtată, trebuie întors un cod de eroare. | ||
| + | - Creați un nou proiect de FE, așa cum a fost prezentat în Laboratorul 4 | ||
| + | - Instalați Material UI și React Query în proiectul nou creat | ||
| + | - Mapati endpointurile din BE folosind OpenAPI Generator | ||
| + | - Accesați endpointurile folosind componente de Material UI, React Query și metodele generate de OpenAPI Generator | ||
| + | ===== Linkuri Utile ===== | ||
| + | |||
| + | |||
| + | * Documentație Materia UI: [[https://mui.com/material-ui/getting-started/overview/]] | ||
| + | * OpenAPI Generator [[https://openapi-generator.tech/]] | ||
| + | * React Query [[https://react-query-v3.tanstack.com/]] | ||
