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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kkeeth
August 29, 2018
Programming
1
370
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
71
とある EM の初めての育休からの学び
clown0082
1
5.2k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
210
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
650
JavaScript × Mathematics go to Digital Art
clown0082
1
440
In-house study group at YUMEMI
clown0082
0
230
Playing Ionic Logo by p5.js
clown0082
0
330
Other Decks in Programming
See All in Programming
手戻りゼロ? Spec Driven Developmentとは@KAG AI week
tmhirai
1
190
20260313 - Grafana & Friends Taipei #1 - Kubernetes v1.36 的開發雜記:那些困在 Alpha 加護病房太久的 Metrics
tico88612
0
120
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
okajun35
0
700
Vuetify 3 → 4 何が変わった?差分と移行ポイント10分まとめ
koukimiura
0
120
ふつうのRubyist、ちいさなデバイス、大きな一年 / Ordinary Rubyists, Tiny Devices, Big Year
chobishiba
1
430
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
130
nuget-server - あなたが必要だったNuGetサーバー
kekyo
PRO
0
230
New in Go 1.26 Implementing go fix in product development
sunecosuri
0
420
Agentic AI: Evolution oder Revolution
mobilelarson
PRO
0
150
CSC307 Lecture 15
javiergs
PRO
0
240
Claude Codeログ基盤の構築
giginet
PRO
7
2.7k
モジュラモノリスにおける境界をGoのinternalパッケージで守る
magavel
0
3.5k
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
310
From π to Pie charts
rasagy
0
150
Speed Design
sergeychernyshev
33
1.6k
Heart Work Chapter 1 - Part 1
lfama
PRO
5
35k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
68
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
73k
Building a Scalable Design System with Sketch
lauravandoore
463
34k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
140
Done Done
chrislema
186
16k
WCS-LA-2024
lcolladotor
0
480
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