Stimulus js - modest JavaScript framework for the HTML

in #steemhunt5 years ago

Stimulus js

modest JavaScript framework for the HTML


Screenshots

hqdefault.jpg

Screen Shot 2018-10-12 at 2.29.43 PM.png
View Image
Screen Shot 2018-10-12 at 2.31.11 PM.png
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



Steemhunt.com

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

Sort:  

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.

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.

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

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.

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!

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 😉

Amazing and cool hunt

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

你今天过的开心吗?欢迎在steemauto里设置跟赞 @cnbuddy 给整个cn区点赞倘若你想让我隐形,请回复“取消”。

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/

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.

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

Coin Marketplace

STEEM 0.36
TRX 0.12
JST 0.039
BTC 70112.96
ETH 3549.99
USDT 1.00
SBD 4.71