anthonyshort/deku

THIS CHANNEL IS DEPRECATED - Use https://dekujs.herokuapp.com/

Giuseppe

@giuseppeg

@anthonyshort sounds reasonable, so you use null to determine whether you are in the loading state, and set env data (app.set) + change state when your data are ready to be consumed?

Anthony Short

@anthonyshort

Yep. So if say props.projects is null, it's loading. That way you don't need use component state (maybe)

I think I want to try and setup a slack channel. Anyone know how to do it? Last time

i checked it was a manual setup and you had to self host

Anthony Short

@anthonyshort

Actually, super easy. dekujs.slack.com

Anthony Short

@anthonyshort

Let’s move the conversations over to Slack. If anyone wants an invite just send me an email at antshort@gmail.com. Not sure you can just let anyone join up.

Giuseppe

@giuseppeg

@anthonyshort that seems to be working... almost working.

https://gist.github.com/giuseppeg/3c6569aeb7a23a7f58e1

I am not using a router atm, but my goal is to have a card OR an answer

so I thought I could set a generic prop called "data"

right

but at that point my app doesn't work, probably incorrect propType

Anthony Short

@anthonyshort

https://dekujs.herokuapp.com

That’s the link for the Slack team

Michael Trotter

@spicydonuts

yay! a slack team

Derek Reynolds

@derekr

Are there any serverside rendering benchmarks for deku?

Anthony Short

@anthonyshort

Not yet unfortunately. It wouldn't be too hard to create.

Derek Reynolds

@derekr

just messin' around w/ loadtest

~ → loadtest -c 10 --rps 200 http://localhost:8080/deku
[Mon Jun 15 2015 20:48:23 GMT-0700 (PDT)] INFO Requests: 0, requests per second: 0, mean latency: 0 ms
[Mon Jun 15 2015 20:48:28 GMT-0700 (PDT)] INFO Requests: 886, requests per second: 177, mean latency: 0 ms
[Mon Jun 15 2015 20:48:33 GMT-0700 (PDT)] INFO Requests: 1884, requests per second: 200, mean latency: 0 ms
[Mon Jun 15 2015 20:48:38 GMT-0700 (PDT)] INFO Requests: 2884, requests per second: 200, mean latency: 0 ms
[Mon Jun 15 2015 20:48:43 GMT-0700 (PDT)] INFO Requests: 3882, requests per second: 200, mean latency: 0 ms
[Mon Jun 15 2015 20:48:48 GMT-0700 (PDT)] INFO Requests: 4884, requests per second: 200, mean latency: 10 ms

the request handler is just executing this
```

/** @jsx element */
import {element} from 'deku'
var xrange = require('xrange')

function renderNodes (number) {
  return xrange(number).map(function (i) {
    return (
      <div key={ i }>
        This is node { i }
      </div>
    )
  })
}

module.exports = (
  <div>
    { renderNodes(300) }
  </div>
)

cool stuff :D

react.renderToStaticMarkup is averge 10-20ms latency

though i am not proficient w/ benchmarking tools so this may be off base

Anthony Short

@anthonyshort

oh wow that’s awesome :)

Would be good to get some perf tests into a repo somewhere

Derek Reynolds

@derekr

yeah i'm about to push what i have now… it's pretty basic haha

just wanted to do some quick comparisons

Anthony Short

@anthonyshort

There’s this too: http://anthonyshort.me/dbmonster/

There’s a React one around too, I think Deku is getting ~16 fps, React gets ~12 fps

I mean, it’s not exactly realistic, but it’s kinda nice to get an idea for performance

Derek Reynolds

@derekr

oh yeah that's rad

i think that was used in a talk at react conf

Derek Reynolds

@derekr

https://github.com/derekr/server-side-rendering-perf

bruce

@sqram

Deku doesn't have a router nor a built-in way to make async requests does it?

Anthony Short

@anthonyshort

Depends what you're trying to do. Deku is really just there to render the vnodes. What problem are you having?

bruce

@sqram

@anthonyshort No problems. I am going around looking at vdom libraries. I have used Mithril in the past, which comes with a builtin router and method for making async requests. So far, it's only one of the few I see that does it (riot.js and react being the others). Suppose I could include a small ajax library or make my own, but that's why i asked, to see if i have to :)

bruce

@sqram

What exactly are 'propTypes' ? Cannot find that in the documentation anywhere.

Kelly Miyashiro

@kmiyashiro

I believe those are to define the properties

bruce

@sqram

Is there no doc to let us know what keys/values can go in there?

Anthony Short

@anthonyshort

There's not much documentation on it because it was something we were trying out. It's going to get pulled out in the next version so it's not in core. Any validation library can do the same thing but better.

bruce

@sqram

@anthonyshort understood. thanks.

Anthony Short

@anthonyshort

@sqram related: dekujs/deku#176

but yeah, the docs are kinda shitty in general at the moment

bruce

@sqram

That's alright.
I spent all of this past weekend trying all these vdom libraries popping out, decided to stick with deku for a personal project. Hope it sticks around

Anthony Short

@anthonyshort

Yeah it definitely will, we’re using it for all of our app at Segment

So we’re actively developing it and relying on it now :)

bruce

@sqram

hah. no better way to keep a project alive than to use it in production

bruce

@sqram

I have more of a organization question when using routes. Currently i have a main.js file. I also have a modules folder, and a components folder
I organize it in this fashion: in main.js i import modules, which in turn import components. The route defines which module to load. Minimal exmaple here: http://tabbit.org/MKPhrs

just wondering if this is awful or acceptable. I didn't see a community example with routes, so i gotta ask.

Anthony Short

@anthonyshort

Nope that’s a perfectly fine way to do it. We do something similar, but we also load data on the routes too

Where communities thrive

People

Repo info

Activity