canjs/canjs

We CAN build the impossible! https://codepen.io/justinbmeyer/pen/yEGGoK

Matthew Phillips

@matthewp

@opolyo01

I think you wanted a react demo app, i can push one, i have one for testing

Justin Meyer

@justinbmeyer

A browserify user can still require the exported CSS

opolyo01

@opolyo01

@matthewp yes please :)

hopefully adding one config setting like in webpack.config.js would simply transform those JSX files --> { test: /.js$/, loader: 'jsx-loader?harmony' }

Matthew Phillips

@matthewp

that's gross :)

ours is much simpler

https://github.com/stealjs/react-example

opolyo01

@opolyo01

wait, so all you need is just this -- "transpiler": "babel",

Matthew Phillips

@matthewp

you need the babelOptions as well

but in a future release we'll probably remove the need for that

opolyo01

@opolyo01

ok looks promising, thanks

Matthew Phillips

@matthewp

and babel will be default so actually no config at all needed :)

then you also get all of the benefits that steal-tools provides like optimized production builds

see the videos on stealjs.com

Alexis Abril

@alexisabril

Shouldn’t can.List.prototype.filter, etc return the same type of list?(instead of always a new can.List)

var Todo = can.Map.extend();
var todos = new Todo.List();

var filtered = todos.filter(function() { return true; });
console.log(filtered instanceof Todo.List); //false

dylanrtt

@dylanrtt

@alexisabril I agree it probably should, but I guess it doesn't currently. Somebody I work with overwrote the filter method of many model lists to get it to work the way you'd expect

Alexis Abril

@alexisabril

yeah, that seems straightforward

https://github.com/bitovi/canjs/blob/master/list/list.js#L1102 should be

var filteredList = new this.constructor();

possibly...

dylanrtt

@dylanrtt

yeah like in https://github.com/bitovi/canjs/blob/master/map/list/list.js#L5
I am not sure what that is used for since it doesn't run on a normal filter

Alexis Abril

@alexisabril

yeah, this is a bug

dylanrtt

@dylanrtt

the example I linked to I guess is a plugin but it's... deprecated
http://canjs.com/docs/can.Map.List.html

Jani Mikkonen

@rasjani

@justinbmeyer why im not using stealjs ? multiple reasons, company i was working for uses webpack for the main web client uses webpack and has some tooling and "standards" around that so sharing resources between two teams was easier - and then it was also easier to go with something we already knew that would work because my team's goal was to address nodewebkit, smarttv's and normal web .. so it was just easier at the time to go with webpack ..

Matthew Phillips

@matthewp

That's cool, really appreciate you doing an article about using it with can

Justin Meyer

@justinbmeyer

@matthewp @daffl either of you having hipchat problems?

Morgan Heimbeck

@Xitstrategies

@justinbmeyer https://status.hipchat.com/

Matthew Phillips

@matthewp

i did a bit yesterday, yeah

Jani Mikkonen

@rasjani

@justinbmeyer https://medium.com/@rasjani/canjs-builds-with-webpack-e6df0ed0156d

Jani Mikkonen

@rasjani

btw, i just noticed that the canjs code doesn't enforce removal of trailing whitespaces. was about to submit a very very very very small bugfix but then the patch got big because my editor is removing those =)

Chris Gomez

@akagomez

@rasjani It’s one of my biggest peeves with the CanJS repo.

I do get a lot of practice with git add -p as a result though.

Jani Mikkonen

@rasjani

thanks.. i've seen few colleges using it but totally forgot that flag.. Previously i've just stashed the stuff and used meld to pick up the changes i really wanted.

Chris Gomez

@akagomez

Meld. That’s new to me. I’ll look it up.

Jani Mikkonen

@rasjani

its a gui diff / merge tool, can be used with other scm's besides git. http://meldmerge.org/

Chris Gomez

@akagomez

Neat.

Jani Mikkonen

@rasjani

so, major question is, why are trailing whitespaces still allowed ? =))

Chris Gomez

@akagomez

Couldn’t tell you. Never asked.

blairio

@blairio

Hello CanJS folks, I was wondering if anyone is familiar with a can component or other Javascript UI thing that can bind a can.list but only renders the items that are visible as they scroll.

Justin Meyer

@justinbmeyer

@blairio @cklanac was working on this

blairio

@blairio

@cklanac I would be interested to learn where you have gotten with this. It seems like a popular pattern on native platforms (Eg. iOS UITableViewController and Android RecyclerView)

Chris Klanac

@cklanac

@blairio I'll put together a jsBin that shows the relevant bits… stay tuned

blairio

@blairio

Thanks @cklanac

blairio

@blairio

Does anybody know if there is a quick way on the console to find out how many live bindings there are on a page at a given moment? Thanks.

Chris Klanac

@cklanac

@blario Here’s that demo…
http://cklanac.jsbin.com/yineme/330/edit?html,js,console,output

Basically loops over all the list items that haven’t been fetched yet. It checks each item to see if it is within the viewport. If it is, then it sets a value on the ViewModel which you can use to fetch data or whatever.

blairio

@blairio

Cool. Thanks @cklanac I will look at it soon

Chris Klanac

@cklanac

I also short circuit the loop once we get to the first item past the viewport which should help performance a bit on really large lists.

dylanrtt

@dylanrtt

are stache partials supposed to completely re-render when the parent scope changes?

Juan Orozco

@Macrofig

Is there an example where someone has specified the Map to use in a List but X levels deep? So, that myList.attr(0).items.attr(0) instanceof MyCustomMap?

Right now, only the first level uses the custom Map and I need it to apply to all maps in the List.

Where communities thrive

People

Repo info

Activity