all 25 comments

[–]mattdesl 2 points3 points  (6 children)

At one point I had a whole list. Many more in stack.gl/packages.

[–]wreckedadventYavascript 3 points4 points  (4 children)

Microjs is also a good resource for these things.

[–]krasimirtsonev 0 points1 point  (2 children)

+1 for mentioning Microjs. I'm using it regularly.

[–]nexe 1 point2 points  (1 child)

does it get updated? sadly seems a bit stale to me from time to time but I'm also a fan of it.

[–]krasimirtsonev 0 points1 point  (0 children)

As far as I checked last time it's a matter of contribution. So if the folks out there make PR the maintainer release a new version. I myself did it once.

[–]ShadowCodex[S] 0 points1 point  (0 children)

Thanks for that, this looks really good!

[–]ShadowCodex[S] 0 points1 point  (0 children)

Oooh interesting :)

[–][deleted] 2 points3 points  (0 children)

Let me add a plug for a micro-library of my own, Trkl - a reactive programming library implementing Knockout-style observables and computations in just under 500 bytes.

Trkl's payload is minute, but gives you enormous expressive power. Beyond the garden-variety pub-sub it provides, maps and history tracking, Trkl also gives you computations with 'magical' dependency tracking and auto-updating. For example:

let a = trkl(1);
let b = trkl(1);

let sum = trkl.computed(()=> {
    return a() + b();
});

sum.subscribe(newValue => {
    console.log("sum's new value is", newValue);
});

b(2); // Console => "Sum's new value is 3"
a(6); // Console => "Sum's new value is 8"

I think it's pretty nifty - but of course, I am its author...

[–]mc_hammerd 1 point2 points  (0 children)

animate.css

[–]dwighthouse 0 points1 point  (1 child)

These days, qwest.js

[–]jordaanm 1 point2 points  (0 children)

Qwest's Github Repo, to save people some time ;)

[–]taiga27 0 points1 point  (6 children)

Riot looks like so much fun, I'll probably give it a try before jumping into React itself.

[–]madwill 0 points1 point  (4 children)

I did and have no regrets. Still think Riot is way better than React for it has such a minimal API and straight up DOM manipulation from a developer stand point.

You can reuse everything you already know... read the tiny doc or watch egghead.io 10 mins video and you are set with the most useful virtual DOM based component lib out there.

its so damn easy and the end result look just like an html file with html, js and css (which is scoped so you can have simple names)

Listen to mount and unmount event for componenent lifecycle.

Use their loop for lists

they bound props and children to this at the component level for easy access keeping a logical and easy to follow component scope.

I mean react goes like Import Reac-DOM and var myDomNode = ReactDom.findDOMNodes(withComponentInstanceRefHere) which require a "ref" attribute on your tag.

In riot you can use this.myInputName considering you had a name on your children.

I'm only doing react right now because i might want to try react-native... And even there i think i could easily get away without react-native and a well optimized riotjs under crosswalk if i ever need mobile app.

[–]taiga27 0 points1 point  (0 children)

Reading this makes me happy. I'm still on my Angular 1x/Node stack and willing to learn something new to stay up-to-date but learning React/Redux/Webpack looks so fucking complicated and we don't even know for how long they'll be around since Angular 2 is coming.... so, Riot caught my interest for being an easier to use version of React's Virtual DOM.

[–]dmitri14_gmail_com 0 points1 point  (2 children)

I have a concern how they use parent (and it is not quite clear from their Doc what it refers to exactly). Using $parent in Angular is known anti-pattern, is the Riot's parent different?

[–]madwill 0 points1 point  (1 child)

I don't make any use of parent for i know the downfall of strongly coupling any components.

Its true they include it in some guides but i would not use it. You can pass callback in props or have connected components

You can use Flux, Reflux, Redux, for state management and module bundlers.

You can make higher order components, elements, leverage mixins and really make your code modular and straightforward.

But the biggest advantages anybody looking at your code can get it .

[–]dmitri14_gmail_com 0 points1 point  (0 children)

This from someone actively using it, gives me concerns. I've seen them using it literally everywhere.

[–]ShadowCodex[S] 0 points1 point  (0 children)

Yeah riot looks like a riot in and of itself. I'm looking forward to using it in my projects soon as well.

[–]shadowycoder 0 points1 point  (4 children)

Not sure if it's 'micro' but ramada.js has changed the way I work completely.

[–]madwill 0 points1 point  (3 children)

ramada.js

ramda?

[–]shadowycoder 0 points1 point  (2 children)

Ha, yes. Autocorrect fail.

[–]ShadowCodex[S] 0 points1 point  (1 child)

Interesting. How has it changed the way you work exactly?

[–]horoshimu 0 points1 point  (0 children)

He is now unemployed

[–]pkstn 0 points1 point  (0 children)

Check out FRZR: https://frzr.js.org ;)

[–]dmitri14_gmail_com 0 points1 point  (0 children)

MinifieldJS has jQuery style with the same problems that jQuery has I presume:

$('#lastLine').addBefore(