added elmélet

README.md

@@ -1 +1,5 @@
+# Mobil alkalmazás fejlesztés
+Ebben a repoban a mobilfejlesztéshez kapcsolatos órai anyogok elérhetőek
+
+---
 [tanulo](https://education.github.com/discount_requests/application)

mobilfejlesztes.md

@@ -85,4 +85,45 @@ A telepítés után az adott fejlesztői környezet dokumentációját érdemes
 - Ha időt és erőforrást szeretnél spórolni, akkor cross-platform megoldás (Flutter, React Native) jobb választás lehet
 - Ha webfejlesztőként szeretnél mobil appokat is készíteni, akkor a hibrid megoldások (Ionic Cordova) jöhet szóba
 
----
+## Komponensek
+
+A react native egy népszerű keretrendszer, amely lehetővé teszi a mobilalkalmazások fejlesztését JS vagy TS nyelvben.
+
+Ebben a részben az alap komponensekről lesz szó
+
+
+### View - konténer komponens
+
+- A Vire a React Native egyik legfontosabb komponense.
+- Hasonló a HTML `<div>` eleméhez
+- Konténerként használjuk más komponensek csoportosítására és elrendezésére
+
+    `
+    <View style={styles.container}>
+        <Text>Komponens tartalma</Text>
+    </View>
+    `
+
+- A `style={styles.container}` beállítja a megjelenést
+- A `View` egy keretet biztosít, amelyben más komponensek lehetnek.
+
+### Text - Szövegmegjelenítés
+
+- A *Text* komponens segítségével szöveget jeleníthetünk meg.
+- Stílusokkal formázható
+
+`<Text style={styles.title}>Komponens tartalma</Text>`
+
+A text komponens alapértelmezetten blokk szintű, de stílusozható.
+
+A `style={styles.title}` segítségével testre szabhatjuk a szöveg stílusát
+
+### Button - Gomb
+
+- Egy egyszerű gomb, amely műveletek végrehajtására használható
+
+`<Button title="nyomj meg" onpress={() => alert("gomb megnyomva")}></Button>`
+
+
+
+