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
57
とある EM の初めての育休からの学び
clown0082
1
4.8k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
200
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.2k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.8k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
640
JavaScript × Mathematics go to Digital Art
clown0082
1
430
In-house study group at YUMEMI
clown0082
0
220
Playing Ionic Logo by p5.js
clown0082
0
310
Other Decks in Programming
See All in Programming
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
660
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
11
4.2k
Graviton と Nitro と私
maroon1st
0
140
Cap'n Webについて
yusukebe
0
150
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
140
AI前提で考えるiOSアプリのモダナイズ設計
yuukiw00w
0
190
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
yoskoh
0
480
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
420
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
160
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
310
Developing static sites with Ruby
okuramasafumi
0
330
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.3k
Featured
See All Featured
How Software Deployment tools have changed in the past 20 years
geshan
0
30k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
9.2k
How GitHub (no longer) Works
holman
316
140k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
32
The Curious Case for Waylosing
cassininazir
0
190
Practical Orchestrator
shlominoach
190
11k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
What's in a price? How to price your products and services
michaelherold
246
13k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.3k
The browser strikes back
jonoalderson
0
220
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
130
Applied NLP in the Age of Generative AI
inesmontani
PRO
3
2k
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