Curs React Native

Lecția 1 • Instrumente de Dezvoltare și Bazele Depanării

Prezintă debugger-ul React Native, Flipper și meniul de dezvoltare din aplicație. Oferă cursanților instrumente de feedback imediat pe care se vor baza pe parcursul cursului.

Lecția 2 • Ce Este React Native

Acoperă rolul React Native în dezvoltarea mobilă cross-platform și cum diferă de React pentru web. Stabilește baza conceptuală pentru toate capitolele următoare.

Lecția 3 • Crearea Primului Tău Proiect

Folosește CLI-ul React Native și Expo pentru a genera o nouă aplicație și a explora structura de fișiere generată. Conectează cunoștințele despre unelte cu crearea practică a unui proiect.

Lecția 4 • Configurarea Mediului de Dezvoltare

Instalează și configurează toate instrumentele necesare pentru dezvoltarea iOS și Android. Asigură că fiecare cursant are un mediu local reproductibil și funcțional.

Lecția 1 • Componentele Text, View și Image

Acoperă cele mai fundamentale trei componente React Native și proprietățile lor esențiale. Cursanții construiesc layout-uri statice combinând text, containere și imagini.

Lecția 2 • Componente de Intrare și Formulare

Acoperă TextInput, Switch și Picker pentru captarea intrărilor utilizatorului. Stabilește cunoștințele necesare despre componente înainte de a introduce gestionarea stării.

Lecția 3 • Fundamentele JSX în React Native

Explică sintaxa JSX, încorporarea expresiilor și modul în care JSX se compilează în apeluri native UI. Oferă fundația sintactică pentru toată munca viitoare cu componente.

Lecția 4 • Componente Touchable și Pressable

Introduce componentele de gestionare a atingerilor și comportamentele lor de feedback. Conectează layout-urile statice la elemente interactive pe care cursanții le vor folosi în fiecare aplicație.

Lecția 1 • API-ul StyleSheet și Stiluri Inline

Compară StyleSheet.create cu obiectele de stil inline și explică implicațiile de performanță. Stabilește modele de stilizare consistente folosite pe parcursul cursului.

Lecția 2 • Modelul de Layout Flexbox

Explică cum diferă modelul Flexbox al React Native de CSS și cum să controlezi alinierea pe axe. Cursanții dobândesc abilitatea de bază de layout folosită în fiecare ecran.

Lecția 3 • Teme și Modele de Stilizare Reutilizabile

Introduce obiecte temă, constante de stil și încapsularea stilurilor la nivel de componentă. Pregătește cursanții să mențină sisteme de design consistente în aplicații mari.

Lecția 4 • Spațiere, Borduri și Umbre

Aplică proprietățile margin, padding, border și shadow pentru a rafina ierarhia vizuală. Conectează cunoștințele de layout la aspectul de calitate al componentei, gata de producție.

Lecția 1 • useState pentru Stare Locală

Introduce hook-ul useState pentru gestionarea stării la nivel de componentă și declanșarea re-randărilor. Permite cursanților să construiască elemente UI interactive și cu stare.

Lecția 2 • useEffect și Efecte Secundare

Acoperă useEffect pentru preluarea datelor, abonamente și curățare la demontare. Conectează conceptele de ciclu de viață al componentelor cu operațiuni asincrone practice.

Lecția 3 • Modele de Componente și Bune Practici

Acoperă separarea în componente container și de prezentare, memoizarea și evitarea randărilor inutile. Pregătește cursanții să scrie arbori de componente performanți și ușor de întreținut.

Lecția 4 • Props și Comunicarea între Componente

Explică modul în care props transmit date și callback-uri între componentele părinte și copil. Stabilește modelul de flux de date unidirecțional central în aplicațiile React Native.

Lecția 1 • Stack Navigator pentru Fluxuri de Ecrane

Construiește fluxuri de ecrane de tip push-and-pop folosind stack navigatorul nativ. Acoperă cel mai comun model de navigare în aplicațiile mobile.

Lecția 2 • Navigatoare Tab și Drawer

Adaugă navigatoare cu tab-uri în partea de jos și drawer lateral pentru secțiunile principale ale aplicației. Permite cursanților să construiască structurile de navigare primară folosite în majoritatea aplicațiilor.

Lecția 3 • Fluxuri de Autentificare și Rute Protejate

Implementează navigarea condiționată bazată pe starea de autentificare, folosind comutarea navigatorului. Pregătește cursanții să construiască navigare sigură, conștientă de roluri, în aplicații.

Lecția 4 • Configurarea React Navigation și Concepte

Instalează React Navigation și explică modelul navigator, ecran și rută. Oferă harta conceptuală de care cursanții au nevoie înainte de a construi orice flux de navigare.

Lecția 1 • Fetch API și Modele Asincrone

Folosește Fetch API-ul built-in cu async/await pentru a face cereri HTTP din React Native. Stabilește modelul de preluare asincronă a datelor folosit în toate secțiunile ulterioare.

Lecția 2 • React Query pentru Stare de Server

Folosește React Query pentru a memora, re-prelua și sincroniza datele de server automat. Reduce codul boilerplate și îmbunătățește prospețimea datelor în întreaga aplicație.

Lecția 3 • Axios pentru Cereri HTTP

Introduce Axios pentru o sintaxă mai curată a cererilor, interceptoare și configurarea URL-ului de bază. Avansează cursanții către clientul HTTP cel mai des folosit în aplicațiile React Native de producție.

Lecția 4 • Stocare Locală cu AsyncStorage

Persistă date cheie-valoare local folosind AsyncStorage pentru funcții offline-first. Pregătește cursanții să stocheze token-uri, preferințe și răspunsuri memorate pe dispozitiv.

Lecția 1 • Cameră și Selector de Imagini

Capturează fotografii și selectează imagini din galerie folosind react-native-image-picker. Permite cursanților să construiască funcții bogate în media, comune în aplicațiile sociale și utilitare.

Lecția 2 • Gestionarea Permisiunilor

Solicită și verifică permisiunile la runtime pentru funcțiile sensibile ale dispozitivului pe iOS și Android. Stabilește modelul de permisiuni necesar înainte de a accesa orice API nativ.

Lecția 3 • Geolocație și Hărți

Obține locația dispozitivului și randează hărți interactive folosind react-native-maps. Conectează datele de locație la experiențe vizuale pe hartă pe care cursanții le pot livra în aplicații reale.

Lecția 4 • Notificări Push

Configurează notificări locale și de la distanță folosind Expo Notifications sau Firebase. Învață ciclul de viață complet al notificărilor, de la programare la interacțiunea utilizatorului.

Lecția 1 • Testare Unit și de Integrare

Scrie teste pentru componente și hook-uri folosind Jest și React Native Testing Library. Stabilește o bază de testare care detectează regresii înainte de lansare.

Lecția 2 • Construirea și Lansarea în Magazinele de Aplicații

Generează build-uri de lansare semnate pentru Android și iOS și le trimite în magazinele respective. Completează ciclul de viață complet de la dezvoltare la producție pentru cursanți.

Lecția 3 • Profilarea și Optimizarea Performanței

Folosește Flipper și Monitorul de Performanță pentru a identifica blocajele thread-ului JS și de randare. Echipează cursanții să diagnosticheze și să repare cele mai comune probleme de performanță în React Native.

Lecția 4 • Testare End-to-End cu Detox

Automatizează fluxuri complete de utilizator pe simulatoare și dispozitive folosind Detox. Validează căi critice precum autentificarea și finalizarea comenzii înainte de fiecare lansare.