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
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
110
とある EM の初めての育休からの学び
clown0082
1
5.9k
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
670
JavaScript × Mathematics go to Digital Art
clown0082
1
470
In-house study group at YUMEMI
clown0082
0
240
Playing Ionic Logo by p5.js
clown0082
0
360
Other Decks in Programming
See All in Programming
世界の中心で、AI(App Intents)をさけぶ ー App Intents中心設計の実践ガイド
touyou
0
410
[DroidKaigi 2026] Bring your own phones to Gradle Managed Devices
f2lk
0
120
個人開発基盤をまるごとCloudflareに引っ越して爆速で総合的体験を向上させた話
tinykitten
0
170
数年滞っていたダークモード対応をおよそ2週間で完了させる
chigichan24
0
700
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
yuukiw00w
0
180
ハーネス設計入門 〜プロンプト、コンテキストの次〜
kinopeee
56
38k
GKE で Pod の見方を変えたら、スケールアウト時の挙動を真に捉えられた話
stkk
0
110
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
280
Streamlitで実現する自然言語データアプリ開発
ayumu_yamaguchi
0
200
Foundry Localでエージェント開発
seosoft
0
180
AI駆動開発にグラフDBを重ねてみた
satoshi256kbyte
2
790
ALB ログから Trace を気合で繋げる技術
fohte
7
890
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
Utilizing Notion as your number one productivity tool
mfonobong
4
590
Building a Scalable Design System with Sketch
lauravandoore
464
34k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.2k
How STYLIGHT went responsive
nonsquared
100
6.3k
ラッコキーワード サービス紹介資料
rakko
1
4.8M
First, design no harm
axbom
PRO
2
1.3k
It's Worth the Effort
3n
188
29k
Automating Front-end Workflow
addyosmani
1369
210k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.6k
The Curse of the Amulet
leimatthew05
2
14k
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