microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

removing docs from master branch

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-25 10:12:40 -08:00
parent ca136c95b5
commit 54f3c205f4
364 changed files with 0 additions and 10581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/step1-05/final/index.html
View File

@@ -1 +0,0 @@
<!doctype html><html><link rel="stylesheet" href="./src/style.css"><body><div id="app"></div><script src="../../step1-05/final/step1-05/final.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body></html>

16
docs/step1-05/final/src/TodoApp.tsx
View File

@@ -1,16 +0,0 @@
import React from 'react';
import { TodoFooter } from './components/TodoFooter';
import { TodoHeader } from './components/TodoHeader';
import { TodoList } from './components/TodoList';
export class TodoApp extends React.Component {
render() {
return (
<div>
<TodoHeader />
<TodoList />
<TodoFooter />
</div>
);
}
}

12
docs/step1-05/final/src/components/TodoFooter.tsx
View File

@@ -1,12 +0,0 @@
import React from 'react';
export const TodoFooter = (props: any) => {
return (
<footer>
<span>
<span className="remaining">4</span> items left
</span>
<button className="submit">Clear Completed</button>
</footer>
);
};

20
docs/step1-05/final/src/components/TodoHeader.tsx
View File

@@ -1,20 +0,0 @@
import React from 'react';
export class TodoHeader extends React.Component {
render() {
return (
<header>
<h1>todos</h1>
<div className="addTodo">
<input className="textfield" placeholder="add todo" />
<button className="submit">Add</button>
</div>
<nav className="filter">
<button className="completed">all</button>
<button>active</button>
<button>completed</button>
</nav>
</header>
);
}
}

15
docs/step1-05/final/src/components/TodoList.tsx
View File

@@ -1,15 +0,0 @@
import React from 'react';
import { TodoListItem } from './TodoListItem';
export class TodoList extends React.Component<any, any> {
render() {
return (
<ul className="todos">
<TodoListItem />
<TodoListItem />
<TodoListItem />
<TodoListItem />
</ul>
);
}
}

13
docs/step1-05/final/src/components/TodoListItem.tsx
View File

@@ -1,13 +0,0 @@
import React from "react";
export class TodoListItem extends React.Component {
render() {
return (
<li className="todo">
<label>
<input type="checkbox" /> Todo 1
</label>
</li>
);
}
}

4
docs/step1-05/final/src/index.tsx
View File

@@ -1,4 +0,0 @@
import React from 'react';
import ReactDOM from 'react-dom';
import { TodoApp } from './TodoApp';
ReactDOM.render(<TodoApp />, document.getElementById('app'));

49
docs/step1-05/final/src/style.css
View File

@@ -1,49 +0,0 @@
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
width: 400px;
margin: 20px auto;
}
h1 {
text-align: center;
}
.addTodo {
display: flex;
}
.textfield {
flex-grow: 1;
margin-right: 10px;
}
.submit {
border: none;
padding: 5px 10px;
}
.filter {
margin: 10px 0 0;
}
.filter button {
background: transparent;
border: none;
}
.filter .selected {
border-bottom: 2px solid blue;
}
.todos {
list-style: none;
padding: 0;
}
footer {
display: flex;
}
footer span {
flex-grow: 1;
}

32
docs/step1-05/final/step1-05/final.js
View File

File diff suppressed because one or more lines are too long

1
docs/step1-05/final/step1-05/final.js.map
View File

File diff suppressed because one or more lines are too long