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/step2-02/exercise/index.html
View File

@@ -1 +0,0 @@
<!doctype html><html><head><link rel="stylesheet" href="../../assets/step.css"></head><body class="ms-Fabric"><div id="markdownReadme"></div><div id="app"></div><script src="../../step2-02/exercise/step2-02/exercise.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body></html>

20
docs/step2-02/exercise/src/components/TodoApp.tsx
View File

@@ -1,20 +0,0 @@
import React from 'react';
import { Stack } from 'office-ui-fabric-react';
import { TodoFooter } from './TodoFooter';
import { TodoHeader } from './TodoHeader';
import { TodoList } from './TodoList';
import { Store } from '../store';
export class TodoApp extends React.Component<any, Store> {
render() {
return (
<Stack horizontalAlign="center">
<Stack style={{ width: 400 }} gap={25}>
<TodoHeader />
<TodoList />
<TodoFooter />
</Stack>
</Stack>
);
}
}

16
docs/step2-02/exercise/src/components/TodoFooter.tsx
View File

@@ -1,16 +0,0 @@
import React from 'react';
export const TodoFooter = (props: any) => {
const itemCount = 3;
return (
<footer>
<span>
{itemCount} item{itemCount > 1 ? 's' : ''} left
</span>
<button onClick={() => props.clear()} className="button">
Clear Completed
</button>
</footer>
);
};

19
docs/step2-02/exercise/src/components/TodoHeader.tsx
View File

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

13
docs/step2-02/exercise/src/components/TodoList.tsx
View File

@@ -1,13 +0,0 @@
import React from 'react';
import { Stack } from 'office-ui-fabric-react';
import { TodoListItem } from './TodoListItem';
export const TodoList = (props: any) => {
return (
<ul className="todos">
<TodoListItem />
<TodoListItem />
<TodoListItem />
</ul>
);
};

13
docs/step2-02/exercise/src/components/TodoListItem.tsx
View File

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

10
docs/step2-02/exercise/src/index.tsx
View File

@@ -1,10 +0,0 @@
import React from 'react';
import ReactDOM from 'react-dom';
import { TodoApp } from './components/TodoApp';
import { initializeIcons } from '@uifabric/icons';
// Initializes the UI Fabric icons that we can use
// Choose one from this list: https://developer.microsoft.com/en-us/fabric#/styles/icons
initializeIcons();
ReactDOM.render(<TodoApp />, document.getElementById('app'));

14
docs/step2-02/exercise/src/store/index.ts
View File

@@ -1,14 +0,0 @@
export type FilterTypes = 'all' | 'active' | 'completed';
export interface TodoItem {
label: string;
completed: boolean;
}
export interface Store {
todos: {
[id: string]: TodoItem;
};
filter: FilterTypes;
}

47
docs/step2-02/exercise/step2-02/exercise.js
View File

File diff suppressed because one or more lines are too long

1
docs/step2-02/exercise/step2-02/exercise.js.map
View File

File diff suppressed because one or more lines are too long