Skip to content

Instantly share code, notes, and snippets.

View vojtatranta's full-sized avatar

Vojtěch Tranta vojtatranta

20 followers · 4 following
View GitHub Profile
@vojtatranta
vojtatranta / prz-stranka.html
Created November 18, 2016 01:44
<body>
<div id="app"></div>
<script type="text/javascript">
window.CSRF = 'j3IOfRLD-dVe0ZKTe_ZCmCpK1sXLW1Kv96uY'
window.VERSION = '0.5.5'
window.INITIAL_STATE = null
window.BASE_URL = 'http://www.airbank.cz'
@vojtatranta
vojtatranta / dta.js
Created November 18, 2016 01:44
const html = __DATA__.articles.map(article => {
return DOM.article({}, article.body)
})
@vojtatranta
vojtatranta / load.js
Created November 18, 2016 01:45
</body>
<script>__DATA__=<?php echo json_encode($data) ?></script>
@vojtatranta
vojtatranta / dom.js
Created November 18, 2016 01:46
DOM.article({}, `
Tohle je článek, který právě píšu, bude mít několik set znaků
a je statický, protože HTML bylo navrženo pro statické stránky
a také tak slouží. Tahle stránka bude prostě naservírováná webserver
a navíc je maličká, takže celý přenost bude bleskově rychlý a nikoho tím
neurazíme. Naopak, potěšíme všechny rychlostí, protože to je to hlavní,
na co bychom měli při tvorbě webu myslet!`
)
@vojtatranta
vojtatranta / dny.js
Created November 30, 2016 10:53
// před tim
<TouchableOpacity onPress={() => this.handleToggleDay('Mo')} style={[styles.weekIcontouch, this.selected('Mo')]}>
<Text style={[styles.weekIcon, this.selectedText('Mo')]}>{I18n.t('_general.week.mondayShort')}</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.handleToggleDay('Tu')}>
<Text>{I18n.t('_general.week.tuesdayShort')}</Text>
</TouchableOpacity>
... a dalsi dny v tydnu
//komponenta
@vojtatranta
vojtatranta / pouziti.js
Created November 30, 2016 10:56
// před tim
<TouchableOpacity onPress={() => this.handleToggleDay('Mo')} style={[styles.weekIcontouch, this.selected('Mo')]}>
<Text style={[styles.weekIcon, this.selectedText('Mo')]}>{I18n.t('_general.week.mondayShort')}</Text>
</TouchableOpacity>
<TouchableOpacity onPress={() => this.handleToggleDay('Tu')}>
<Text>{I18n.t('_general.week.tuesdayShort')}</Text>
</TouchableOpacity>
... a dalsi dny v tydnu
//komponenta
@vojtatranta
vojtatranta / flow.js
Created November 30, 2016 21:14
// @flow
const arr = [[], []]
const fun = (x: number) => arr[x]
const a = fun(100).map(ba => ba.toLowerCase())
@vojtatranta
vojtatranta / container.js
Created December 1, 2016 11:55
import React from 'react'
export default class React extends React.Component {
state = this._getState(this.props)
_getState() {
return {
shouldDisplayOnboarding: this.context.onboardingStore.shouldDisplayCommonOnboarding(this.props.appLocation)
@vojtatranta
vojtatranta / promise-all.js
Created December 1, 2016 13:34
const asyncFn = (email) => {
return new Promise((resolve, reject) => {
$.get('//idnes.cz/' + email, (err, result) => {
if (err) {
return resolve({
status: 'fail',
email: email,
})
}
@vojtatranta
vojtatranta / css-in-js.js
Created December 2, 2016 18:38
import classes from './styles'
export default ({ visible }) => {
return (
<div className={visible ? classes.visible : classes.invisible}>This is some text</div>
)
}