Stăpânește React Native cu acest curs cuprinzător, care acoperă totul, de la elementele de bază ale instalării și componentelor până la subiecte avansate precum navigarea și preluarea datelor API. Învață să construiești o aplicație meteo de la zero, completă cu o interfață elegantă de utilizator și integrare a datelor în timp real, în timp ce explorezi concepte precum managementul de stat, cârlige și stil.
💻 Cod: https://github.com/Em01/weather-app-demo
✏️ Curs creat de @codecupdev
🔗 Instagram: https://www.instagram.com/codecup_dev/
🔗 Twitter: https://twitter.com/codecupdev
⭐️ Cuprins ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:01:25) Ce este React Native?
⌨️ (0:03:45) Expo
⌨️ (0:04:22) Configurați cu Expo
⌨️ (0:06:17) Configurarea unei aplicații personalizate
⌨️ (0:10:17) Configurarea Android Studio
⌨️ (0:12:03) Structura directorului
⌨️ (0:12:42) Configurarea căptușelii
⌨️ (0:14:33) Configurarea Prettier
⌨️ (0:16:35) Depanare
⌨️ (0:18:17) Componente native
⌨️ (0:19:00) Componente de bază
⌨️ (0:20:17) JSX
⌨️ (0:21:29) Lucrul cu componente
⌨️ (0:21:57) Ce sunt componentele
⌨️ (0:23:08) Crearea primei noastre componente
⌨️ (0:26:50) Bazele stilului
⌨️ (0:31:17) Recuzită pentru aspect
⌨️ (0:32:37) Ecranul meteo actual
⌨️ (0:40:17) Adăugarea pictogramelor pe ecran
⌨️ (0:42:40) Componente
⌨️ (0:46:01) Trecerea în revistă a ceea ce am învățat până acum
⌨️ (0:48:52) Crearea viitoarei componente meteo
⌨️ (0:52:17) Prezentarea listelor
⌨️ (1:19:17) Implementarea listei noastre
⌨️ (1:09:10) Extractoare cheie
⌨️ (1:11:41) Alte elemente de recuzită FlatList
⌨️ (1:15:01) Să ne stilăm FlatList
⌨️ (1:19:23) Imagini
⌨️ (1:22:31) Utilizarea unei imagini în componenta meteo viitoare
⌨️ (1:24:10) ImageBackground
⌨️ (1:26:05) Recuzită
⌨️ (1:35:17) Refactorizarea a ceea ce am făcut până acum
⌨️ (1:43:04) Implementarea ecranului orașului
⌨️ (2:00:17) Refactorizarea ecranului orașului
⌨️ (2:15:32) Refactorizarea ecranului meteo actual
⌨️ (2:26:25) Prezentarea navigației
⌨️ (2:34:37) Implementarea filelor în aplicația noastră
⌨️ (2:40:02) Să ne stilăm filele
⌨️ (2:47:27) Extragerea filelor
⌨️ (3:06:55) Stat
⌨️ (3:15:07) Cârligul useState
⌨️ (3:19:24) Cârlige
⌨️ (3:23:24) Cârligul useEffect
⌨️ (3:32:05) Adăugarea unei stări de încărcare
⌨️ (3:38:31) Utilizarea apei hărții meteo deschise
⌨️ (3:39:31) Obținerea locației utilizatorilor
⌨️ (3:47:36) Se configurează preluarea datelor API
⌨️ (3:52:38) Preluarea datelor Api
⌨️ (4:01:17) Ne facem propriul cârlig
⌨️ (4:05:17) Trecerea datelor către componentele noastre
⌨️ (4:08:42) Actualizarea vremii actuale pentru a utiliza datele
⌨️ (4:14:32) Actualizarea vremii viitoare pentru a utiliza datele
⌨️ (4:18:17) Moment de instalare
⌨️ (4:21:17) Actualizarea componentei oraș
⌨️ (4:25:53) Crearea ecranului de eroare
⌨️ (4:31:42) O ultimă refactorizare
⌨️ (4:33:59) Material bonus
🎉 Mulțumim susținătorilor noștri Campion și Sponsor:
👾 Îl atrag pe Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Titlul Erdeniz
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- React Native – Curs introductiv pentru începători
- Tutorial complet React Native Web – Creați o aplicație de antrenament pentru iOS, Android și web
- Curs Flutter & Firebase – Construiește o clonă Instagram completă
- Creați o clonă Instagram cu React Native, Firebase Firestore, Redux, Expo – Curs complet
- Tutorial React JS – Creați o aplicație meteo cu completarea automată a orașelor
- Tutorial Angular 11 – Codați un proiect de la zero
- React Coding Interviu Prep – 30 de întrebări și răspunsuri
- Aflați React prin construirea unui site de comerț electronic – Tutorial
- Curs Blazor – Utilizați ASP.NET Core pentru a construi aplicații web C# Full-Stack
- React & TypeScript – Curs pentru începători