@holdmyticket/hmt-riot
Advanced tools
Update package.json with new version
Run
make raw
Add and commit
Tag the version
git tag -s vX.X.X -m 'vX.X.X'
Push it to Github
git push
git push origin tag vX.X.X
npm login
npm publish
-JOIN_CHAT_%E2%86%92-551a8b.svg?style=flat-square){kind=icon}
| Framework | Version | Minified Size (gzip) |
|---|---|---|
| @angular/core + Polyfills | 7.0.0 | 314.18kb |
| Ember | 2.18.2 | 121.84kb |
| Polymer + Web Components Polyfill Lite | 1.8.0 | 66.3kb |
| Polymer + webcomponents-loader.js + webcomponents-bundle.js | 3.0.0 | 45.70kb |
| React + Map and Set Polyfills | 16.5.2 | 44.75kb |
| Web Components Polyfill | 0.7.24 | 33.68kb |
| Vue | 2.5.17 | 31.65kb |
| Riot | 3.13.2 | 10.85kb |
| Inferno | 6.0.0 | 7.65kb |
| Preact | 8.3.1 | 3.48kb |
The above comparison includes polyfills to support old browsers like IE9 that in Riot.js are supported by default.
Riot is supported by all modern browsers and it does not require any additional polyfill
Riot brings custom tags to all modern browsers. Think React + Polymer but with enjoyable syntax and a small learning curve.
<timer>
<p>Seconds Elapsed: { time }</p>
this.time = opts.start || 0
tick() {
this.update({ time: ++this.time })
}
var timer = setInterval(this.tick, 1000)
this.on('unmount', function() {
clearInterval(timer)
})
</timer>
riot.mount('timer', { start: 0 })
Custom tags lets you build complex views with HTML.
<timetable>
<timer start="0"></timer>
<timer start="10"></timer>
<timer start="20"></timer>
</timetable>
HTML syntax is the de facto language on the web and it's designed for building user interfaces. The syntax is explicit, nesting is inherent to the language and attributes offer a clean way to provide options for custom tags.
data- attributes.Note: * officially maintained
class={ enabled: is_enabled, hidden: hasErrors() }.render, state, or constructor.Add #{ items.length + 1 } or class="item { selected: flag }"$ git clone git@github.com:riot/riot.git && cd riot
$ git checkout -b feature/my-awesome-patch
$ npm i
# To build and test riot
$ make riot
# To build without testing
$ make raw
# To build anytime you change a src file
$ make watch
# To bench riot
$ make perf
Riot is made with :heart: by many smart people from all over the world. Thanks to all the contributors
It's actively maintained by:
Gianluca Guarini |
Support us with a monthly donation and help us continue our activities. Become a backer
Become a sponsor to get your logo on our README. Become a sponsor
Special thanks to Browserstack for their support
FAQs
Simple and elegant component-based UI library
We found that @holdmyticket/hmt-riot demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now scans OpenVSX extensions, giving teams early detection of risky behaviors, hidden capabilities, and supply chain threats in developer tools.
Product
Bringing supply chain security to the next generation of JavaScript package managers
Product
A safer, faster way to eliminate vulnerabilities without updating dependencies