Put compatible plugin logos on the home page

[marshallswain]

In a presentation today, some plugins were shown that I was unaware of. We should get some logos on the home page similar to how feathersjs.com does it. See the section on their website under "Feathers Plays Nicely With Your Favorite Stack"

• React: https://github.com/stealjs/react-example
• Angular https://github.com/Hypercubed/angular-stealjs
• Angular2: https://github.com/stealjs/steal-angular2-example.
• DoneJS: https://donejs.com/Apis.html#section=section_StealJS
• VueJS: https://github.com/stealjs/vuejs-example
• CanJS standalone?
• Backbone:
• CoffeeScript: https://www.npmjs.com/package/steal-coffee
• Less: https://www.npmjs.com/package/steal-less
• Sass: https://www.npmjs.com/package/steal-sass
• npm: https://github.com/stealjs/system-npm
• Cordova: https://www.npmjs.com/package/steal-cordova
• Stylus: https://github.com/maael/steal-stylus (WIP)
• Update CanJS example to not use done-autorender

[marshallswain]

Do we have an Angular example somewhere?

[justinbmeyer]

Really good idea!

Sent from my iPhone

On Nov 18, 2015, at 11:05 PM, Marshall Thompson [email protected] wrote:

Do we have an Angular example somewhere?

—
Reply to this email directly or view it on GitHub.

[marshallswain]

Here's what I was thinking for the stealjs.com home page:

[marshallswain]

Here's the animation for the plugins section

[matthewp]

Wow this looks really sharp! How ready is this?

[marshallswain]

We don't have a Vue.js example or an Angular example, yet. The Angular link in the 1st comment is a WIP. The logos and animation are ready. I just need to put them into the html. I also added a JavaScript/ES6 and CSS logo.

[matthewp]

An Angular 2 example might be hard, I'm not sure if it loads in Steal yet, it didn't last I tried.

[marshallswain]

I made a VueJS example here: https://github.com/stealjs/vuejs-example

All that's left is an Angular example. I'll try an Angular 1.0 app, first.

[moschel]

+1 love the mockup
On Tue, May 17, 2016 at 7:11 PM Marshall Thompson [email protected]
wrote:

I made a VueJS example here: https://github.com/stealjs/vuejs-example

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub
#468 (comment)

[pYr0x]

i would remove the "sass" icon. the steal-sass plugin is really out-of-date.
much parts you can do with your less plugin doesnt work with the sass plugin. e.g. livereload, import with "locate://" and so one...

[marshallswain]

@pYr0x Oh good to know. I'll remove that.

[marshallswain]

I just created a standalone example for CanJS. I'm adding CanJS to the frameworks between DoneJS and React.

https://github.com/stealjs/steal-canjs-example

[marshallswain]

Actually, I'm inclined to leave Sass in there if it even works for the basics. We can update the steal-sass README.md to be clear on what works and what doesn't. We might be more likely to get somebody to champion it.

[matthewp]

Yeah I agree, include it.

[marshallswain]

I got an Angular2 example working: https://github.com/stealjs/steal-angular2-example.

[pYr0x]

@marshallswain very nice.

should we use in the canjs app done-autorender or should we use a npm-way like here: https://github.com/pYr0x/testapp/blob/master/dev.html#L7
and add the template to a given div
https://github.com/pYr0x/testapp/blob/master/src/app.js#L25

beause using of done-autorender, is like a SPA. maybe a use wont that

[matthewp]

Awesome @marshallswain, I'm slightly surprised it's working, but very happy about it.

@pYr0x I think using done-autorender is a little overkill. There's still a lot of people that use canjs but not all of DoneJS so it might be confusing to them.

[pYr0x]

@matthewp i agree

[marshallswain]

I used done-autorender for the live-reload setup. @matthewp maybe you can help me do the same as here: https://github.com/donejs/autorender/blob/master/src/autorender.js#L30

[matthewp]

@marshallswain That complexity is not needed in this case, it's needed there because that's a plugin. In your case it's as simple as:

import reload from "live-reload";

reload(render);

var state = new AppState( ..);

function render(){
  $("body").html(renderer(state));
}

render();

ping me if you want to pair on it.

[matthewp]

There's a typical example at the bottom of the docs: http://stealjs.com/docs/steal.live-reload.html

[pYr0x]

@matthewp i did that in https://github.com/pYr0x/testapp/blob/master/src/app.js#L24-L27
but correct my if i am wrong. this does not HMR?

[matthewp]

@pYr0x you still have to run the live-reload server steal-tools live-reload, but if you uncomment out the parts that are currently commented out it should work.

[matthewp]

I'm thinking we should remove the videos from the homepage. They are already on http://stealjs.com/docs/StealJS.why.html, I wonder how often they are played from the homepage.

[marshallswain]

This is ready for review in the gh-pages-1.0 branch. I've left the videos in place, for now. Maybe I can make some icons or animations to replace them, later.

[matthewp]

Looks really good! I'm going to make the image paths not absolute, otherwise will leave it in the branch until 1.0 is released.

[moschel]

Ping! @matthewp is there anything preventing this from landing? Seems like most of the work is done.

[matthewp]

No reason to wait, went ahead and deployed it. Thanks @marshallswain !

[boustanihani]

Does steal support for the VUE Single File Components format (*.vue) ?

Check: http://vuejs.org/guide/application.html#Single-File-Components) ?

An example would be great :)

[matthewp]

No one has built a plug in for that yet, to my knowledge.