react hello world

2021-06-27 02:34:43 +03:00 · 2021-06-27 02:34:43 +03:00 · 76d54207f0
commit 76d54207f0
6 changed files with 7250 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,37 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Distribution directories
+dist/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+.cache
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,23 @@
+{
+  "name": "mancala-frontend",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "dev": "parcel src/index.html",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.11",
+    "@types/react-dom": "^17.0.8",
+    "parcel-bundler": "^1.12.5",
+    "typescript": "^4.3.4"
+  }
+}
--- a/src/App.tsx
+++ b/src/App.tsx
@ -0,0 +1,6 @@
+import * as React from 'react';
+import { render } from 'react-dom';
+
+import Counter from './Counter';
+
+render(<Counter />, document.getElementById('main'));
--- a/src/Counter.tsx
+++ b/src/Counter.tsx
@ -0,0 +1,29 @@
+import * as React from 'react';
+
+export default class Counter extends React.Component {
+  state = {
+    count: 0
+  };
+
+  increment = () => {
+    this.setState({
+      count: (this.state.count + 1)
+    });
+  };
+
+  decrement = () => {
+    this.setState({
+      count: (this.state.count - 1)
+    });
+  };
+
+  render () {
+    return (
+      <div>
+        <h1>{this.state.count}</h1>
+        <button onClick={this.increment}>Increment</button>
+        <button onClick={this.decrement}>Decrement</button>
+      </div>
+    );
+  }
+}
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <title>React + TypeScript</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+  <div id="main"></div>
+  <script src="./App.tsx"></script>
+</body>
+</html>