added quick items and more minor stuff

src/components/Quick.tsx

@@ -0,0 +1,24 @@
+import * as React from "react";
+import * as PropTypes from "prop-types";
+
+import "../style/quick.scss";
+
+class Quick extends React.Component {
+	static propTypes = {
+		children : PropTypes.element
+	};
+	
+	constructor(props){
+		super(props);
+	}
+
+	render(): JSX.Element {
+		return <div className="quick-component">
+			{this.props.children}
+		</div>;
+	}
+
+}
+
+
+export default Quick;

src/components/QuickItem.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as PropTypes from "prop-types";
+
+import "../style/quickItem.scss";
+
+class QuickItem extends React.Component {
+	static propTypes = {
+		url: PropTypes.string.isRequired
+	};
+	
+	constructor(props){
+		super(props);
+	}
+
+	render(): JSX.Element {
+		return <div className="quickItem-component">
+		</div>;
+	}
+
+}
+
+export default QuickItem;

src/components/app.tsx

@@ -1,12 +1,19 @@
 import * as React from "react";
 
+import Quick from "./Quick";
+import QuickItem from "./QuickItem";
+
 class App extends React.Component {
 	constructor(props) {
 		super(props);
 	}
 
 	render(): JSX.Element {
-		return <h1>Hello world</h1>;
+		return <div>
+			<Quick>
+				<QuickItem/>
+			</Quick>
+		</div>;
 	}
 
 }

src/index.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 
-import App from "./components/app";
+import App from "./components/App";
 
 import "./style/default.scss";
 

src/style/quick.scss

@@ -0,0 +1,3 @@
+.quick-component {
+	background-color: green;
+}