natew

Webpack config:
{ entry: 
   { main: 
      [ 'webpack-dev-server/client?http://localhost:3011',
        'webpack/hot/only-dev-server',
        './app/app.js' ] },
  output: 
   { path: '/Users/nw/projects/reapp/reapp-kitchen/build/public',
     filename: '[name].js',
     chunkFilename: '[id].js',

natew

"data:application/javascript;base64,InVzZSBzdHJpY3QiOwoKLy8gTG9hZCBtb2R1bGVzCgp2YXIgVXRpbHMgPSByZXF1aXJlKCIuL3V0aWxzIik7CgoKLy8gRGVjbGFyZSBpbnRlcm5hbHMKCnZhciBpbnRlcm5hbHMgPSB7CiAgICBkZWxpbWl0ZXI6ICImIiwKICAgIGluZGljZXM6IHRydWUKfTsKCgppbnRlcm5hbHMuc3RyaW5naWZ5ID0gZnVuY3Rpb24gKG9iaiwgcHJlZml4LCBvcHRpb25zKSB7CiAgICBpZiAoVXRpbHMuaXNCdWZmZXIob2JqKSkgewogICAgICAgIG9iaiA9IG9iai50b1N0cmluZygpOwogICAgfSBlbHNlIGlmIChvYmogaW5zdGFuY2VvZiBEYXRlKSB7CiAgICAgICAgb2JqID0gb2JqLnRvSVNPU3RyaW5nKCk7CiAgICB9IGVsc2UgaWYgKG9iaiA9PT0gbnVsbCkgewogICAgICAgIG9iaiA9ICIiOwogICAgfQoKICAgIGlmICh0eXBlb2Ygb2JqID09PSAic3RyaW5nIiB8fCB0eXBlb2Ygb2JqID09PSAibnVtYmVyIiB8fCB0eXBlb2Ygb2JqID09PSAiYm9vbGVhbiIpIHsKICAgICAgICByZXR1cm4gW2VuY29kZVVSSUNvbXBvbmVudChwcmVmaXgpICsgIj0iICsgZW5jb2RlVVJJQ29tcG9uZW50KG9iaildOwogICAgfQoKICAgIHZhciB2YWx1ZXMgPSBbXTsKCiAgICBpZiAodHlwZW9mIG9iaiA9PT0gInVuZGVmaW5lZCIpIHsKICAgICAgICByZXR1cm4gdmFsdWVzOwogICAgfQoKICAgIHZhciBvYmpLZXlzID0gT2JqZWN0LmtleXMob2JqKTsKICAgIGZvciAodmFyIGkgPSAwLCBpbCA9IG9iaktleXMubGVuZ3RoOyBpIDwgaWw7

natew

import React from 'react';
import DottedViewList from 'reapp-ui/views/DottedViewList';
import View from 'reapp-ui/views/View';
import { Container, Block } from 'reapp-ui/components/Grid';
import List from 'reapp-ui/components/List';
import Input from 'reapp-ui/components/Input';
import Button from 'reapp-ui/components/Button';

export default React.createClass({
  getInitialState() {

natew

Stylesheet.create({
  
  respond: {
    'max-width > 200px': {
    
    }
  }
  
})

natew

[14:30] < Glenjamin> my main discovery was that native forms are nothing like web forms




[11:48] < kureev> hazberg: they definitely need to create just a simple toolbar component
[11:49] < kureev> because either you have no control over it, or you need to do everything by yourself


  

natew

import React, Reapp, View, NestedViewList, List from 'reapp'
import RefreshButton, RotatingLoadingIcon, ArticleItem
 
Article
  @state = { refreshing: false }
 
  mount
    :articlesHotLoad
 
  refresh

natew

/* WEBPACK VAR INJECTION */(function(module) {/* REACT HOT LOADER */ if (true) { (function () { var ReactHotAPI = __webpack_require__(233), RootInstanceProvider = __webpack_require__(230), ReactMount = __webpack_require__(7), React = __webpack_require__(2); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } (function () {

'use strict';

var _interopRequire = function (obj) { return obj && obj.__esModule ? obj['default'] : obj; };

var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };

var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (descriptor.value) descriptor.writable = true; Object.defineProperty(target,

natew

/* WEBPACK VAR INJECTION */(function(module) {/* REACT HOT LOADER */ if (true) { (function () { var ReactHotAPI = __webpack_require__(/*! /Users/nw/projects/reapp/reapp-pack/~/react-hot-loader/~/react-hot-api/modules/index.js */ 236), RootInstanceProvider = __webpack_require__(/*! /Users/nw/projects/reapp/reapp-pack/~/react-hot-loader/RootInstanceProvider.js */ 230), ReactMount = __webpack_require__(/*! react/lib/ReactMount */ 7), React = __webpack_require__(/*! react */ 2); module.makeHot = module.hot.data ? module.hot.data.makeHot : ReactHotAPI(function () { return RootInstanceProvider.getRootInstances(ReactMount); }, React); })(); } (function () {

'use strict';

var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } };

var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumer

natew

Book
  author <- #authors(data.authorId).name

  <div.book>
    <img src={data.source}>
    <div.title>{data.title}</div>
    {showAuthor? <div.author>by {author}</div>}
  </div>
 
Main

natew

<ViewList animator> // passes context: { step: 0.555 }
  <View /> // extends context with { index: 0 }
  <View /> // ...
  <View>  // extends context with { index: 2 }
  
    // here's the tricky part: you can nest ViewLists, and they should pass their "new" context down to their children
    <ViewList> // reset context { step: 0 }
      <View /> // reset context { index: 0 }
    </ViewList>
  </View>