diff --git a/.babelrc b/.babelrc
new file mode 100644
index 0000000..4ffef06
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,3 @@
+{
+ "presets": ["env", "react"]
+}
diff --git a/package.json b/package.json
index 8f3b1d3..7ec5bd7 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,10 @@
},
"dependencies": {
"autoprefixer": "^7.2.5",
+ "babel-core": "^6.26.0",
+ "babel-loader": "^7.1.2",
+ "babel-preset-env": "^1.6.1",
+ "babel-preset-react": "^6.24.1",
"copy-webpack-plugin": "^4.4.1",
"css-loader": "^0.28.9",
"extract-text-webpack-plugin": "^3.0.2",
@@ -24,6 +28,8 @@
"html-webpack-plugin": "^2.30.1",
"postcss-loader": "^2.1.0",
"precss": "^3.1.0",
+ "react": "^16.2.0",
+ "react-dom": "^16.2.0",
"style-loader": "^0.20.1",
"uglifyjs-webpack-plugin": "^1.1.8",
"webpack": "^3.10.0",
diff --git a/src/componets/App.js b/src/componets/App.js
new file mode 100644
index 0000000..4586a1e
--- /dev/null
+++ b/src/componets/App.js
@@ -0,0 +1,5 @@
+import React from 'react';
+
+const App = () => React App
;
+
+export default App;
diff --git a/src/pages/index/index.js b/src/pages/index/index.js
index b9978e8..e05de35 100644
--- a/src/pages/index/index.js
+++ b/src/pages/index/index.js
@@ -1,2 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import App from '../../componets/App';
+
import '../../style.css';
import '../../service-worker';
+
+ReactDOM.render(, document.getElementById('root'));
diff --git a/src/pages/index/template.html b/src/pages/index/template.html
index 69a4f7d..25f727d 100644
--- a/src/pages/index/template.html
+++ b/src/pages/index/template.html
@@ -5,6 +5,6 @@
Regexper
- App Content
+