Stimulus js - modest JavaScript framework for the HTML

superoo7 (64) in steemhunt • 6 years ago

Stimulus js

modest JavaScript framework for the HTML

Screenshots

View Image	View Image

Hunter's comment

Recently, I went for an interview, and the company use Ruby on Rails alongside with Stimulus.js.

The second and third image shows what I had done with Stimulus.js for my interview question where I bind the button to copy the link in the textarea.

What's cool about this framework?

The way Stimulus works is via HTML-binding just like how Vue and Angular works, but this framework works perfectly out of the box with Server rendered HTML. In Ruby on Rails case, it's .erb file.

With Stimulus, you can add modern JavaScript feature into your existing website without giving up the strength of server rendered HTML.

Stimulus is lightweight, provides simple API to do JavaScript related task alongside with server rendered HTML and also works very well with webpack too!

Overall

If you wanted to add modern feature of JavaScript into your existing web app written in Ruby On Rails (erb), PHP or whatever language, this would be a quick move without rewriting everything that you had done

Link

https://stimulusjs.org/

Contributors

Hunter: @superoo7

This is posted on Steemhunt - A place where you can dig products and earn STEEM.
View on Steemhunt.com

steemhunt opensource github javascript programming

6 years ago by superoo7 (64)

$1.80

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!

Sort Order:

Trending

[-]

pialejoana (70) · 6 years ago

Congratulations...!

This Search has been approved by the Steemhunt Moderation Team!

Please read our posting guidelines. If you have any questions, please join our Discord Group.

$0.46

4 votes

[-]

drsensor (63) · 6 years ago

Glad there is a framework that uses data attributes instead of Virtual DOM. I thought only visualization library like D3 and svg.js use data attributes 😆
Ah yes, can I use it with only plain HTML without bundler? (import it via CDN) Seems I can use it to do some quick prototyping.

$0.00

[-]

superoo7 (64) · 6 years ago

If you really want to do it that way, (via CDN), I would prefer to use Vue haha. I didnt try it without bundler, I use webpacker to create it.

You can check this out https://medium.com/cedarcode/installing-stimulus-js-in-a-rails-app-c8564ba51ea2

$0.00

[-]

drsensor (63) · 6 years ago

Hahaha... I got bored with Vue 😋. Maybe you want to check Svelte, it's really suitable for creating a component/widget on existing apps/projects. However, I still recommend Vue when creating an application from scratch.

$0.00

[-]

superoo7 (64) · 6 years ago

Maybe try React, a lot of cool stuff and design pattern can be used lol, even I've learn and use it for more than a year, I won't say I know inside out of it.

So svelte is like Vue?

const app = new App({
    target: document.querySelector('main'),
    data: { name: 'world' }
});

Look at that!

$0.00

[-]

drsensor (63) · 6 years ago

React already on my blacklist 😅, though I'm still interested in their rendering engine (what they call it, Fabric?).
Well, the syntax is inspired by Vue. However, Svelte is a compiler while Vue and React are frameworks which need a runtime.
If you have time, try creating a vscode extension or jupyter widget using React or Vue. You will know what the downside is 😉

$0.00

[-]

imran498 (56) · 6 years ago

Amazing and cool hunt

$0.00

[-]

izzat786 (33) · 6 years ago

Wonderful work. keep it up give many more to help those students which are doing their's FYP in react technology.

$0.00

[-]

entrust (47) · 6 years ago

Thank you for using @entrust!

You got a 100.00% upvote from @entrust courtesy of @superoo7!

Entrust is a bot focused on rewarding delegators and helping users promote their posts. We give 100% of the total rewards to the delegators with payouts will be given daily. If you would like to consider delegating to @entrust, we've made a quick delegation link for you :

1000 SP | 500 SP | 300 SP | 200 SP | 100 SP or visit our own tracker website for more information :

http://entrust.surge.sh/

$0.00

[-]

steem-plus (73) · 6 years ago

Hi, @superoo7!

You just got a 4.54% upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in here to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.

$0.00

[-]

steem-ua (64) · 6 years ago

Hi @superoo7!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 3.772 which ranks you at #4620 across all Steem accounts.
Your rank has improved 14 places in the last three days (old rank 4634).

In our last Algorithmic Curation Round, consisting of 391 contributions, your post is ranked at #120.

Evaluation of your UA score:

You're on the right track, try to gather more followers.
The readers like your work!
Good user engagement!

Feel free to join our @steem-ua Discord server

$0.00