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
Finally Riot.js @4 has been released
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kkeeth
June 01, 2019
Programming
150
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Finally Riot.js @4 has been released
kkeeth
June 01, 2019
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
更なる可用性を求めて、5年間運用したKotlinのアプリケーションをGoでリプレイスする話
ken_tunc
0
460
R8 の設定見直しでアプリサイズ削減
andpad
0
190
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.8k
Androidだけじゃない、DroidKaigiで広がった私の技術スタック
akkeylab
0
120
プロダクトコードからライブラリの境界を見つける
elmetal
PRO
0
110
パーソナライズPodcastを作った話
repunit11
0
130
UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono
drumath2237
1
570
JRuby: Past, Present, and Future
headius
0
230
Augmenting AI with the Power of Jakarta EE
ivargrimstad
0
520
WebRTC映像をAirPlayに対応させる挑戦.pdf
monolithic_adam
0
350
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
y0hgi
0
210
複雑なUIコンポーネントとの ⻑い付き合い⽅:波及するバグからテスト戦略を経て、安全な再設計へ
mixplace
0
280
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
340
58k
How to build a perfect <img>
jonoalderson
1
6.1k
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Amusing Abliteration
ianozsvald
1
330
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Google's AI Overviews - The New Search
badams
0
1.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
1
560
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
510
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.5k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
490
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