Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
About ecosystem of Riot.js and @4
Search
kkeeth
August 29, 2018
Programming
1
360
About ecosystem of Riot.js and @4
kkeeth
August 29, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
32
とある EM の初めての育休からの学び
clown0082
1
4.2k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
180
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.1k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.7k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
620
JavaScript × Mathematics go to Digital Art
clown0082
1
400
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
290
Other Decks in Programming
See All in Programming
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
tomoya0x00
0
420
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
23
12k
Improving my own Ruby thereafter
sisshiki1969
1
160
AI時代のUIはどこへ行く?
yusukebe
18
8.8k
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
140
AI Coding Agentのセキュリティリスク:PRの自己承認とメルカリの対策
s3h
0
200
Azure SRE Agentで運用は楽になるのか?
kkamegawa
0
2.1k
1から理解するWeb Push
dora1998
7
1.9k
Vue・React マルチプロダクト開発を支える Vite
andpad
0
110
🔨 小さなビルドシステムを作る
momeemt
4
670
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.4k
Featured
See All Featured
Visualization
eitanlees
148
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Producing Creativity
orderedlist
PRO
347
40k
Done Done
chrislema
185
16k
Context Engineering - Making Every Token Count
addyosmani
1
37
Building an army of robots
kneath
306
46k
Optimizing for Happiness
mojombo
379
70k
Code Review Best Practice
trishagee
70
19k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
What's in a price? How to price your products and services
michaelherold
246
12k
The Cult of Friendly URLs
andyhume
79
6.6k
Transcript
About ecosystem of Riot.js and @4 Riot.js LTେձ@Tokyo #1
About me const my_info = { ɹ : ‘܂ݪਔ’, ɹ
: ‘Yumemi, Inc.’, : ‘@kuwahara_jsri’, : ‘k-kuwahara’, : ‘clown0082’ }
const my_CLI = [ ɹ‘ja-greetings’, ‘cmd-ranking’, ‘check-stats-modules’ ] Products
Communities github.com/k-kuwahara
Stats of riotjs
Stats of Riot.js ‣ version: 3.11.1 ‣ github star: 13192
‣ open issues: 30 (6 bugs) ‣ size: 10.78 kb(gzip)
Made with riot
Made with riot
Made with riot URL: http://riotjs.com/made-with-riot/
Ecosystem for
Ecosystem ɾriot ɾriot-clI ɾriot-compiler ɾriot-observable ɾriot-tmpl Basics SPA (routing) ɾriot-route
ɾriot-view-router ɾriot-routehandler ɾriotgear-router ɾredux-riot-router ɾbabel-preset-es2015-riot ɾriot-placeholder ɾkarma-riot ɾriot-hot-reload ɾeslint-config-riot Others
Ecosystem State management ɾRiotControl ɾriotify ɾriotx ɾobseriot Compile ɾgulp-riot ɾriot-tag-loader
ɾriotjs-loader ɾriotify ɾrollup-plugin-riot Designs, Animations ɾriot-mui ɾnest-ui ɾriot-bootstrap ɾriot-fontawesome ɾsemantic-ui-riot ɾriot-animate ɾriot-flipcard
Other libraries URL: https://github.com/pankajparashar-zz/awesome-riotjs
But, is there anything we wanted?
For example… like Vue.js devtools Storybook for Riot.js functional CLI
Syntax highlights for .tag Official boiler plate
We are Developers. Let’s Create!!
By the way,
URL: https://github.com/storybooks/storybook/pull/4070
Next, @4
“Riot 4 will be released during this year (Summer?) but
not anytime soon”
“Riot 4 will be released during this year (Summer?) but
not anytime soon” ❎
Pick up some of the roadmap @4 ‣ “this.tags” ‣
“riot-observable” ‣ “shouldUpdate” method ‣ “:scope” → “:root” ‣ parser/compiler ‣ “export default” ← new!!
Progress Two modules released!! ‣ dom-bindings → v0.1.0 ‣ parser
→ v0.6.0
Let’s Create Web Application with Riot.js !!
None