canjs/canjs

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

Justin Meyer

@justinbmeyer

@halcyonandon maybe read that article

steal lets you files from npm

w/o configuration

@opolyo01 https://github.com/stealjs/steal-less/blob/master/less.js#L12

is an example of writing a less translate hook

something very similar would just have to be done for JSX

Gerard Finnerty

@halcyonandon

"StealJS can export your project into commonly used formats and platforms which can be used to create distributables that can be used in almost any situation:" isn't this what systemjs does?

Justin Meyer

@justinbmeyer

how can you use systemjs to export your project?

afaik, you can't use SystemJS to transpile a ES6 app to CJS, AMD, etc

you can use SystemJS just to load those modules

this allows something like: https://github.com/bitovi-components/bit-tabs

to be used by people using Browserify / RequireJS or plain script tags

this is huge in big orgs b/c you'll have a lot of different projects using different module loaders, but still want to share code

And stealjs goes beyond transpiling just JS, it takes care of LESS / CSS / templates too

so even though bit-tabs is using LESS

and ES6

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/

Where communities thrive

People

Repo info

Activity