freeman-lab/discussion

Discussions for freeman lab members / collaborators / friends • gitter-robot syncs chat with IRC

Kyle Kelley

@rgbkrk

You may have multiple views of the same model on the page

Matthew Conlen

@mathisonian

yes, was just going to ask that

Kyle Kelley

@rgbkrk

It's up to the contract of how you write the frontend part

Matthew Conlen

@mathisonian

v cool

Kyle Kelley

@rgbkrk

as for registering these transforms, that's a bit of an open question -- we can easily make it part of the state tree

right now I just add the plotly and geojson ones into our default transforms: https://github.com/nteract/nteract/blob/master/src/notebook/components/transforms/index.js

Those don't handle any updates of course, up until we figure out this spec

Once it's happy, I'll start prototyping

Would you want to see lightning embedded in here directly to hack with?

Matthew Conlen

@mathisonian

the registration question is interesting. it would be cool to be able to add new ones dynamically somehow, but that seems fairly complicated

i would be down to try creating a custom transform if its easy enough to get it loaded into the notebook

Kyle Kelley

@rgbkrk

so long as you have a JSON serializable representation, you can follow the plotly.js or geojson/leaflet ones

I started off with victory components originally

but then realized I'd need to have some standard

Matthew Conlen

@mathisonian

okay cool

yeah i remember seeing this thread nteract/nteract#661

Kyle Kelley

@rgbkrk

As for registration, I could see us having a redux action like:

{
  type: "REGISTER_TRANSFORM",
  transform: component,
}

Where we shove the new transform in the front of the display order (it's more like "priorityOrder") as well as set the map from mimetype -> component

Kyle Kelley

@rgbkrk

Forgot to note - I don't expect users to work with the low level bits

I want to provide the fundamentals for libraries

that way a user operates more like

x = Thing()
x

# Display the thing


# Later in a new cell
x.property = 23
# View above is updated

Matthew Conlen

@mathisonian

got it, that makes a ton of sense

Seth Vincent

@sethvincent

@jwittenbach yeah! using it for minidocs and adventuretron (http://github.com/sethvincent/adventuretron)

Jason Wittenbach

@jwittenbach

@sethvincent awesome! I’ve been playing around with it this weekend for a side-project of mine.

do you have a good sense of how the routing works? that the one part of the framework that isn’t making a ton of sense to me, and I can’t seem to find any good documentation about it

Seth Vincent

@sethvincent

@jwittenbach yeah, when visiting urls of a choo app it modifies the state in a couple ways. it changes state.location.pathname and there's also state.params which reflects url variables like page in /pages/:page

each route requires that you pass a function that take the state of the app as arguments, and returns the dom nodes that you want to render

this is a basic example: https://gist.github.com/sethvincent/eda58020eabb121e8f068b77496627db

Jason Wittenbach

@jwittenbach

ah, cool

one thing that seemed odd to me

is that choo seemed OK with me routing either /:page or /page to some view

but then I only seemed to be able to access it internally from within the app

Seth Vincent

@sethvincent

right, it doesn't care if you reuse those top-level functions

Jason Wittenbach

@jwittenbach

is that right?

Seth Vincent

@sethvincent

oh weird

hmm, not sure

Jason Wittenbach

@jwittenbach

I found that if I just browsed to /localhost/page I would get nothing

but if, inside the app, I included a <a href=/page>link</a>, then the view would be generated correctly

Seth Vincent

@sethvincent

ah, that's related to html5 pushstate

so it depends on how you're serving the site in your dev environment

i usually use budo as the dev server (http://npmjs.org/budo)

Jason Wittenbach

@jwittenbach

yeah, that’s what I’ve been doing too

budo index.js —live

Seth Vincent

@sethvincent

you can use the --pushstate option to get around that issue

it'll serve the index.html file no matter what so the browser app handles all the routing

Jason Wittenbach

@jwittenbach

ah perfect! that did it :smile_cat:

I’m still pretty new to the front-end game, and I was worried these was something fundamental about how this works that I was missing

Nicholas Sofroniew

@sofroniewn

@freeman-lab http://www.nature.com/nrn/journal/v17/n10/full/nrn.2016.116.html - take on large team neuro research

Kyle Kelley

@rgbkrk

@sofroniewn which project was is that was reliant on redux style reduction + a microscope you were working with?

Where communities thrive

People

Repo info

Activity