Sesiunea 2 - Introducere in React
Create React App
npx create-react-app app_name
Componente React
Componentele va permit sa va impartiti interfata utilizator in “piese” reutilizabile, iar in acelasi timp va puteti gandi la fiecare piesa ca fiind izolata.
Conceptual, componentele sunt asemanatoare cu functiile JavaScript. Acestea accepta intrari (denumite “props”) si returneaza elemente React, care descriu ceea ce ar trebui sa apara in interfata.
de tip clasa sau functionala
State
State reprezinta un obiect JavaScript care pastreaza informatia si care influenteaza aspectul sau starea componentei compilate si randate. Diferenta fata de props este aceea ca starea este mentinuta in contextul componentei - similar cu definirea unei variabile in interioriul unei functii.
Este imutabil
Se updateaza prin functii speciale: this.setState() in cazul componentelor de tip clasa sau cu ajutorul React Hooks
Props
React Hooks
Hooks sunt o noua adaugare in React 16.8. Va permit sa utilizati functiile de stare si alte functii React, fara a scrie o clasa. Avantajul este mai putin cod scris pentru a obtine aceeasi functionalitate.
UseState
const [myState, myFunctionToChangeState] = useState(initialValue);