diff --git a/react_alap/app.js b/react_alap/app.js
new file mode 100644
index 0000000..fa47fd0
--- /dev/null
+++ b/react_alap/app.js
@@ -0,0 +1,32 @@
+//Procedurális
+const gomb=document.createElement('button');
+gomb.textContent="JS gomb";
+gomb.onclick=function(){
+ alert("Js gomb");
+}
+
+const jsgomb=document.getElementById('jsgomb');
+jsgomb.appendChild(gomb);
+
+
+//Deklaratív
+
+const rgomb=React.createElement("button",{
+ onClick:function(){
+ alert("React gomb");
+ }
+},"React gomb");
+
+const kontener=React.createElement('div',
+ {
+ style:{
+ backgroundColor:"green",
+ width:"300px",
+ height:"200px"
+ }
+ },
+ rgomb,rgomb,rgomb,rgomb,rgomb,rgomb);
+
+
+const root=ReactDOM.createRoot(document.getElementById('reactgomb'));
+root.render(kontener);
diff --git a/react_alap/index.html b/react_alap/index.html
new file mode 100644
index 0000000..d776862
--- /dev/null
+++ b/react_alap/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+ React bevezető
+
+
+
+
+
+ Javascript gomb
+
+ React gomb
+
+
+
+
\ No newline at end of file