Skip to content

Instantly share code, notes, and snippets.

const style = Stylesheet.create({
visible: {
display: block,
color: 'red',
},
invisible: {
display: none,
},
})
// K čemu to je?
// Varianta 1. importování
import classes from './styles'
export default ({ visible }) => {
return (
<div className={visible ? classes.visible : classes.invisible}>This is some text</div>
)
// K čemu to je?
// Varianta 1. importování
import classes from './styles'
export default ({ visible }) => {
return (
<div className={visible ? classes.visible : classes.invisible}>This is some text</div>
)
// template.php
<ul class="posts">
<?php foreach ($properties['posts'] as $post): ?>
<li>
<?= $post->title ?>
</li>
<?php endif; ?>
</ul>
// does this seem to you as crazy?!
//pohoda, žádnej callback
const fn = (props) => {
return div({
}, props.text)
}
// budu chtít zařídit to, aby se po kliknutí něco stalo
props.onClick = (event) => { //pičoviny }
function asyncIter(arr, fn, errCb) {
var i = 0
function runIt() {
try {
fn(arr[i], i, function() {
i++
if (i < arr.length) {
setTimeout(runIt, 5)
}
// tohle je prostě entry point pro kód buďto webovej nebo nativní - můžeš udělat kolik endpointů chceš pro jako platformu
import * as actions from './actions'
import { createStore } from 'redux'
// v native-entry.js si requirneš jinej router prostě, zbytek bude prakticky stejnej
import Router from 'router'
import routes from 'routes'
import { Provider } from 'redux-react'
Router.config({ routes })
const createApiComponent = (requestFn, initialState = {}) => (component) => {
return class extends React.Component {
state = { loading: false, ...initialState }
componentDidMount() {
this.setState({ loading: true })
requestFn()
.then(apiResult => { this.setState({ apiResult, loading: false }) })
.catch(apiError => { this.setState({ apiError, loading: false }) })
}
FB událost:
POZOR: Registrace na workshop probíhá přes EventBrite! Zde: <!! odkaz>
Třídílná série přednášek od lektorů - Petr Brzek, Jiří Vyhnálek a Vojta Tranta.
Každý lektor má na starosti jednu tématickou část - základy a filozofie - Vojta Tranta (@Avocode), React prakticky Petr Brzek (founder @Avocode), asynchronní kód a state management Jiří Vyhnálek (@Microsoft CZ).
Tato část kurzu už bude konečně o Reactu - Konečně React!
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP a JS</title>
</head>
<body>
<h1>Aplikačka</h1>
<div id="app"></div>
</body>