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
Finally Riot.js @4 has been released
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kkeeth
June 01, 2019
Programming
2
130
Finally Riot.js @4 has been released
kkeeth
June 01, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
65
とある EM の初めての育休からの学び
clown0082
1
5k
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
320
Other Decks in Programming
See All in Programming
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
140
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
mulyu
3
440
Grafana:建立系統全知視角的捷徑
blueswen
0
330
AWS re:Invent 2025参加 直前 Seattle-Tacoma Airport(SEA)におけるハードウェア紛失インシデントLT
tetutetu214
2
120
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
620
Data-Centric Kaggle
isax1015
2
780
Basic Architectures
denyspoltorak
0
680
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
200
疑似コードによるプロンプト記述、どのくらい正確に実行される?
kokuyouwind
0
390
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
690
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
CSC307 Lecture 05
javiergs
PRO
0
500
Featured
See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
98
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Practical Orchestrator
shlominoach
191
11k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
120
The Spectacular Lies of Maps
axbom
PRO
1
530
Design in an AI World
tapps
0
140
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
69
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
Transcript
Finally Riot.js @4 has been released ॳՆͷJavaScriptࡇ in ϝϯόʔζΩϟϦΞ k-kuwahara
@kuwahara_jsri @clown0082
About me
Basic Information const my_info = { Workplace: ‘Yumemi Inc’, Community:
‘Riot.js, Ionic, DIST’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, PokemonGO: ‘TL39’ }
Sorry... " Plz feedback for me called “Masakari” about my
English.
before that …
Have you ever used riot before?
What is ?
URL: https://riot.js.org/
URL: https://riot.js.org/ In plain words, Riot.js is a react-like ui
library
Characteristics ‣ Custom tags(Component based) ‣ Simple syntax ‣ Human-readable
‣ Small leaning curve
Made with Riot URL: https://riot.js.org/made-with-riot/
Next @4
None
riot has some breaking changes. Let’s pick up some of
them.
Change Riot4
Change Riot4 type, src, extension are changes
Change Riot4
Change Riot4 export default syntax !!
Change Riot4 props, state arguments !!
Pick up some of the changes @4 ‣ “this.tags” ‣
“riot-observable” ‣ “shouldUpdate” method ‣ “:scope” → “:host” ‣ parser/compiler ‣ high performance
For more details, URL: https://speakerdeck.com/clown0082/re-revolution-to-front-end-with-riot-dot-js
⚠Caution⚠
I think that there is a potential bug, because it
has just been released
Pick up other changes. (not source code)
The new Logo up to v3 v4
The new home page(v4)
The new home page(up to v3) URL: https://v3.riotjs.now.sh/
Japanese Translation URL: https://github.com/riot/riot.github.io/issues/235
Japanese Translation URL: https://github.com/riot/riot.github.io/issues/235 Plz send PRs to us !!
Please wait for the official release Riot.js@4!!
Publicity
We’re looking for Engineers!!
None