$30 off During Our Annual Pro Sale. View Details »
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
55
とある EM の初めての育休からの学び
clown0082
1
4.8k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
200
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
640
JavaScript × Mathematics go to Digital Art
clown0082
1
430
In-house study group at YUMEMI
clown0082
0
220
Playing Ionic Logo by p5.js
clown0082
0
310
Other Decks in Programming
See All in Programming
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
3.8k
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
180
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
welliving
2
410
JETLS.jl ─ A New Language Server for Julia
abap34
2
430
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.5k
Go コードベースの構成と AI コンテキスト定義
andpad
0
130
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
2.9k
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
sunabig
0
170
マスタデータ問題、マイクロサービスでどう解くか
kts
0
110
ViewファーストなRailsアプリ開発のたのしさ
sugiwe
0
510
著者と進める!『AIと個人開発したくなったらまずCursorで要件定義だ!』
yasunacoffee
0
150
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.4k
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.7k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
710
Design in an AI World
tapps
0
93
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Balancing Empowerment & Direction
lara
5
810
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
0
240
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
94
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
4 Signs Your Business is Dying
shpigford
186
22k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
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