Subiecte pentru învățarea React

1. Înțelegerea arhitecturii Client-Server

• Ce este un client și un server
• Cum funcționează HTTP și cererile HTTP
• Status codes și metode HTTP (GET, POST, PUT, DELETE)
• Noțiuni de CORS și soluții pentru problemele CORS
Resurse :
Arhitectura client-server - [Link]
model
Verbe HTTP si coduri de stare - [Link]

2. Bazele JavaScript
functionalitati de baza:
• Variabile: let, const, var
• Funcții: declararea și apelarea funcțiilor
• Structuri logice si repetitive ( de ex: if, switch, for, while )
• Array-uri și obiecte
• Manipularea DOM ( document html )
• Gestionarea evenimentelor
• ES6 ( versiune JS ) : arrow functions, destructurare, module
Resurse :
Documentatie Javascript - [Link]
Curs Javascript (3 ore 30) - [Link]

3. Preluarea / manipularea datelor prin API-uri

• Preluare datelor (functia fetch() ): cereri către un API prin cereri HTTP ( formata din
metoda si nume resursa )
• Promises și functii async/await
• Înțelegerea JSON
• Gestionarea erorilor (try/catch)
Resurse:
Cereri HTTP in Javascript (5 ore) - [Link]

4. HTML și CSS
• Structura HTML: elemente, atribute, formulare
• CSS: selecții, poziționare, flexbox, grid
• Transform, translate
• Conceptul de responsive design:
• Media queries
• Unități relative (%, em, rem, vh, vw)
 • Introducere în Tailwind CSS:
• Instalarea și configurarea Tailwind CSS
• Clase de bază pentru stilizare rapidă
• Layout-uri cu grid și flexbox în Tailwind
Resurse: Curs HTML & CSS (5 ore 30) - [Link]
Documentatie Tailwind : [Link]

5. Introducere în React
• Ce este React și de ce se folosește, ce este un Single Page Application
• Instalarea unui proiect React cu Vite
• JSX: sintaxa și utilizarea
• Componente funcționale
• Variabilele/functii ( Props ) și cum se transmit datele între componente
• Gestionarea stărilor prin useState, useEffect
Resurse:
Curs React (5 ore) - [Link]
Documentatie React - [Link]
6. Manipularea datelor în React
• Gestionarea evenimentelor în React
• Gestionarea formularelor și a input-ului
7. Structurarea aplicației
• Crearea și organizarea componentelor
• Module CSS și stilizarea componentelor cu Tailwind
• Single page application prin BrowserRouter din react-router-dom
Resurse: Tutorial React Router - [Link]
Curs Tailwind CSS - [Link]

Daca trebuie rescrisa o aplicatie din Apex in React care sunt avantaje si dezavantaje:

Decizia de a rescrie o suită de aplicații ERP din Oracle APEX în React ar trebui luată pe baza unei
analize strategice și tehnice atente, având în vedere implicațiile comerciale, financiare și tehnice.
Iată câteva aspecte de luat în considerare:

Avantaje ale tranziției la React:

[Link]ță de utilizator modernă (UX) și interfață interactivă (UI):

React oferă o experiență mai fluidă și performantă comparativ cu interfețele tradiționale APEX.
Pentru clienții care caută aplicații moderne și responsive, aceasta ar putea fi o îmbunătățire majoră.

[Link] și ecosistem vast:

React are un ecosistem larg de librării și componente care permit integrarea cu alte tehnologii
moderne (Redux pentru managementul stării, Material UI pentru design).
 [Link] și independență față de baze de date specifice:
Spre deosebire de Oracle APEX, care este legat de baza de date Oracle, React poate lucra cu diverse
backend-uri și baze de date (REST APIs, GraphQL).

[Link] la o bază mai largă de dezvoltatori:

React este mai popular decât APEX, ceea ce înseamnă un număr mai mare de dezvoltatori
disponibili.

Dezavantaje și riscuri
[Link] și timp de dezvoltare ridicate:
Rescrierea completă a aplicațiilor existente este costisitoare și consumatoare de timp. Vei investi
resurse în proiectarea unui nou backend, migrarea datelor și rescrierea logicii aplicației.

[Link] stabilității:
Aplicarea unor tehnologii noi vine cu riscul introducerii de erori care nu existau în soluțiile mature
scrise în Oracle APEX. O suită ERP complexă necesită validare extensivă.

[Link] funcționalităților APEX:

Oracle APEX oferă funcții integrate pentru dezvoltarea rapidă a aplicațiilor, inclusiv raportare,
autentificare și securitate, care ar trebui recreată în React și backend-ul asociat.

[Link] modelului de licențiere:

Trecerea la React ar putea afecta licențele Oracle actuale ale clienților și modelul de preț folosit
pentru produse.

Recomandări strategice
Evaluare de fezabilitate și costuri-beneficii:
Calculează timpul și costurile necesare pentru rescrierea aplicațiilor și compară-le cu avantajele pe
termen lung.

Migrare treptată, nu o rescriere completă:

Începe cu componente esențiale sau noi module, păstrând aplicațiile existente în APEX pentru
stabilitate. Utilizează microservicii pentru backend și React pentru frontend.

Feedback de la clienți:
Implică utilizatorii existenți în decizie pentru a înțelege dacă își doresc o interfață modernizată și
sunt dispuși să plătească pentru aceasta.

Concluzie
Rescrierea în React poate fi o decizie bună dacă firma dorește să modernizeze oferta și să se
alinieze tendințelor tehnologice. Totuși, costurile și riscurile asociate sunt semnificative, iar o
abordare treptată și hibridă poate oferi mai multe beneficii cu mai puține dezavantaje.