This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class App extends Component { | |
... | |
componentDidMount() { | |
let { options } = this.state.options; | |
options = options.map(o => { | |
}); | |
fetch("https://jsonplaceholder.typicode.com/options") | |
.then(options => JSON.parse(response)) | |
.then(options => ( | |
this.setState({ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="mx-3"> | |
<div class="form-group"> | |
... | |
<input name="email" | |
type="email" class="form-control" id="email" | |
aria-describedby="email" placeholder="Enter email"> | |
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> | |
</div> | |
... |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="mx-3"> | |
<div class="form-group"> | |
<label for="email">Email address</label> | |
<input [ngModel]="email" (ngModelChange)="emailHandler($event)" | |
name="email" type="email" class="form-control" id="email" | |
aria-describedby="email" placeholder="Enter email"> | |
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> | |
</div> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<GridList cellHeight={160} className={classes.gridList} cols={3}> | |
{pokemons ? ( | |
pokemons.map(async ({ pokemon }) => { | |
const url = await getPokemon(pokemon.url); | |
return ( | |
<GridListTile key={pokemon.name} cols={1}> | |
<img src={url} alt={pokemon.name} /> | |
</GridListTile> | |
); | |
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
pokemons.map(async ({ pokemon }) => { | |
const url = await getPokemon(pokemon.url); | |
return ( | |
<Suspense fallback={<h1>Loading pokemons...</h1>}> | |
<GridListTile key={pokemon.name} cols={1}> | |
<img src={url} alt={pokemon.name} /> | |
</GridListTile> | |
</Suspense> | |
); | |
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
resources: | |
- type: virtual machine | |
name: my virtual machine | |
properties: | |
zone: close to me | |
machineType: F1_MICRO | |
disks: | |
... | |
networkInterfaces: | |
... |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
... | |
template: ` | |
<mat-grid-list cols="1" rowHeight="16:1"> | |
{{ | |
todos.map(todo => <mat-grid-tile [id]="todo.id">{{todo.text}}</mat-grid-tile>) | |
}} | |
</mat-grid-list> | |
`, | |
... |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
template: ` | |
<mat-grid-list cols="1" rowHeight="16:1"> | |
<mat-grid-tile *ngFor="let todo of todos"> | |
{{ todo.text }} | |
</mat-grid-tile> | |
</mat-grid-list> | |
`, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<mat-grid-list cols="1" rowHeight="16:1"> | |
{{ todos | map }} | |
</mat-grid-list> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function formingMagicSquare(s) { | |
const magicSquares = getMagicSquares(3) | |
const distances = getDistances(magicSquares, s) | |
return distances.sort((a,b) => a-b)[0] | |
} | |
function getDistances(magicSquares, square) { | |
return Object.keys(magicSquares).reduce((distances, key) => { | |
distances.push(getDistance(magicSquares[key], square)) |