Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
About ecosystem of Riot.js and @4
Search
kkeeth
August 29, 2018
Programming
390
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
About ecosystem of Riot.js and @4
kkeeth
August 29, 2018
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
120
とある EM の初めての育休からの学び
clown0082
1
6k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
250
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.4k
Rediscover the joy of coding with Creative Coding
clown0082
0
2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
680
JavaScript × Mathematics go to Digital Art
clown0082
1
480
In-house study group at YUMEMI
clown0082
0
250
Playing Ionic Logo by p5.js
clown0082
0
370
Other Decks in Programming
See All in Programming
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
tomokon
0
460
Rでドレミ/Do-Re-Mi_with_R
florets1
0
130
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
minodriven
15
7.8k
The Rails Doctrine Decade
koic
2
520
20260914 AIエージェント時代のPlatform Engineering LLM基盤とプロダクトの責務境界線
kanfab1
7
2.4k
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.8k
すこし踏み込む CancellationToken
htkym
2
1.6k
残高管理から台帳サービスへの進化
artoy
0
170
AIに “答え“を書かせるのを やめてみた
___akari11
0
110
GemmaをJevのように使ってみる / Use Gemma like Jev
kishida
5
720
ソニーのクラウド共通基盤の変遷とAI時代の開発スタイルに合わせた進化 / The Journey of Sony’s Common Cloud Platform and Its Evolution for AI-Native Development
kenjiyoneyama
0
240
iOS 27でニュースアプリはどう変わる!? 〜日経電子版の新機能対応と、開発事例から〜
lynnswap
7
13k
Featured
See All Featured
Google's AI Overviews - The New Search
badams
0
1.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
203
76k
Optimizing for Happiness
mojombo
378
71k
Designing Experiences People Love
moore
143
24k
Making the Leap to Tech Lead
cromwellryan
135
10k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.5k
Everyday Curiosity
cassininazir
0
350
Game over? The fight for quality and originality in the time of robots
wayneb77
1
300
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
580
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Building an army of robots
kneath
307
47k
Rails Girls Zürich Keynote
gr2m
96
14k
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