Replaced CRA template with simple hello world to get started. Setup eslint and conformed current files to standard.

This commit is contained in:
mitchelljfs 2018-04-23 12:49:42 -07:00
parent 79d3b90a21
commit 90552c7db6
11 changed files with 337 additions and 195 deletions

View file

@ -1,28 +0,0 @@
.App {
text-align: center;
}
.App-logo {
animation: App-logo-spin infinite 20s linear;
height: 80px;
}
.App-header {
background-color: #222;
height: 150px;
padding: 20px;
color: white;
}
.App-title {
font-size: 1.5em;
}
.App-intro {
font-size: large;
}
@keyframes App-logo-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

View file

@ -1,21 +0,0 @@
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">Welcome to React</h1>
</header>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
}
export default App;

7
src/Website.css Normal file
View file

@ -0,0 +1,7 @@
.Website {
text-align: center
}
.Hello-World {
font-size: 1.5rem
}

16
src/Website.js Normal file
View file

@ -0,0 +1,16 @@
import React, { Component } from 'react';
import './Website.css';
class Website extends Component {
render() {
return (
<div className="Website">
<div className="Hello-World">
<p>Hello, my dudes.</p>
</div>
</div>
);
}
}
export default Website;

View file

@ -1,8 +1,11 @@
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import Website from './Website';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
ReactDOM.render(
<Website />,
document.getElementById('root')
);
registerServiceWorker();