Introducere in React

React este o biblioteca JavaScript open-source dezvoltata de Meta (Facebook) pentru construirea interfetelor utilizator (UI). Lansat in 2013, React a revolutionat modul in care se construiesc aplicatiile web prin introducerea conceptului de componente reutilizabile si Virtual DOM.

In 2026, React este cea mai populara biblioteca pentru frontend development, cu peste 20 de milioane de descarcari saptamanale pe npm si o comunitate imensamente activa. Este folosit de companii precum Meta, Netflix, Airbnb, Uber, Shopify si milioane de alte proiecte.

• Component-based - interfata se construieste din piese mici, reutilizabile
• Declarativ - descrieti CUM ar trebui sa arate UI-ul, React se ocupa de actualizari
• Virtual DOM - actualizari eficiente prin comparare si aplicare minima a schimbarilor
• Ecosistem bogat - mii de librarii, componente si unelte disponibile
• Comunitate mare - documentatie excelenta, tutoriale, suport
• Cerere pe piata muncii - cel mai cautat framework frontend in Romania si global
• Flexibilitate - SPA, SSR, SSG, mobile (React Native), desktop (Electron)

Virtual DOM:

React mentine o copie virtuala (in memorie) a DOM-ului real. Cand starea se schimba, React calculeaza diferentele (diffing), apoi aplica doar modificarile necesare in DOM-ul real (reconciliation). Acest proces este mult mai rapid decat manipularea directa a DOM-ului.

Unidirectional Data Flow:

Datele in React curg intr-o singura directie: de la parinte la copil prin props. Aceasta face aplicatia predictibila si usor de depanat. Daca un copil trebuie sa comunice cu parintele, o face prin callback functions primite ca props.

JSX (JavaScript XML):

JSX este o extensie de sintaxa care permite scrierea de markup HTML direct in codul JavaScript. Browserul nu intelege JSX nativ - acesta este transformat in apeluri React.createElement() de catre un compilator (Babel/SWC).