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
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
25
とある EM の初めての育休からの学び
clown0082
1
4k
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
3k
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
「リーダーは意思決定する人」って本当?~ 学びを現場で活かす、リーダー4ヶ月目の試行錯誤 ~
marina1017
0
220
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
kkakeru
0
170
バイブコーディング × 設計思考
nogu66
0
120
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
hiyanger
13
3.1k
Understanding Kotlin Multiplatform
l2hyunwoo
0
260
Understanding Ruby Grammar Through Conflicts
yui_knk
1
110
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
17
3.9k
WebAssemblyインタプリタを書く ~Component Modelを添えて~
ruccho
1
820
Introduction to Git & GitHub
latte72
0
110
CEDEC2025 長期運営ゲームをあと10年続けるための0から始める自動テスト ~4000項目を50%自動化し、月1→毎日実行にした3年間~
akatsukigames_tech
0
130
Flutterと Vibe Coding で個人開発!
hyshu
1
250
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
3
870
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.8k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Optimizing for Happiness
mojombo
379
70k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Site-Speed That Sticks
csswizardry
10
770
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
How to Ace a Technical Interview
jacobian
278
23k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.4k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Code Reviewing Like a Champion
maltzj
525
40k
Fireside Chat
paigeccino
39
3.6k
The Pragmatic Product Professional
lauravandoore
36
6.8k
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