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
On the evolution and changes of Riotjs@4
Search
kkeeth
March 22, 2019
Programming
2
680
On the evolution and changes of Riotjs@4
kkeeth
March 22, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
とある EM の初めての育休からの学び
clown0082
1
3.1k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
150
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.9k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
590
JavaScript × Mathematics go to Digital Art
clown0082
1
370
In-house study group at YUMEMI
clown0082
0
190
Playing Ionic Logo by p5.js
clown0082
0
260
Skills that employers recommend students to acquire
clown0082
1
290
Other Decks in Programming
See All in Programming
Youtube Lofier - Chrome拡張開発
ninikoko
0
2.4k
Being an ethical software engineer
xgouchet
PRO
0
210
Building Scalable Mobile Projects: Fast Builds, High Reusability and Clear Ownership
cyrilmottier
2
280
趣味全開のAITuber開発
kokushin
0
200
Contribute to Comunities | React Tokyo Meetup #4 LT
sasagar
0
110
Chrome Extension Techniques from Hell
moznion
1
160
設計の本質:コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
nrslib
3
400
SEAL - Dive into the sea of search engines - Symfony Live Berlin 2025
alexanderschranz
1
130
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.4k
List とは何か? / PHPerKaigi 2025
meihei3
0
870
PHPで書いたAPIをGoに書き換えてみた 〜パフォーマンス改善の可能性を探る実験レポート〜
koguuum
0
160
Optimizing JRuby 10
headius
0
310
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Making Projects Easy
brettharned
116
6.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Documentation Writing (for coders)
carmenintech
69
4.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Faster Mobile Websites
deanohume
306
31k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
13
1.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
135
33k
Transcript
On the evolution and changes of Riotjs@4 We Are JavaScripters!
@30th ʲॳ৺ऀܴLTେձʳ
About me
Basic Information const my_info = { : ‘܂ݪਔ’, : ‘Yumemi
Inc’, : ‘kuwahara_jsri’, : ‘k-kuwahara’, : ‘k-kuwahara’, }
Communities translator staff staff
Sorry... $ Plz feedback for me called “Masakari” about my
English.
Have you ever used riotjs before?
before that …
What is ?
image by: https://riot.js.org/
Characteristics ‣ Custom tags(Component based) ‣ Simple syntax ‣ Human-readable
‣ Small leaning curve
More example
For more details, URL: https://speakerdeck.com/clown0082/re-revolution-to-front-end-with-riot-dot-js
Next @4
There are breaking changes. Let’s pick up some of them.
Change Riot4
Change Riot4 type, src, extension are changes
Change Riot4
Change Riot4 specifying a mount point by “div” is invalid
Change Riot4
Change Riot4 riot.compile() is probably required
Change Riot4 No error message is displayed in “console.log()”
Change Riot4 Specifying “*” results in an error
Change Riot4
Change Riot4 props, state parameters !?
Change Riot4 export default syntax !!
Change Riot4 props, state arguments !!
Display whole code again
Demo Riot4 Code1
Demo Riot4 Code2
Pick up some of the roadmap @4 ‣ “this.tags” ‣
“riot-observable” ‣ “shouldUpdate” method ‣ “:scope” → “:host” ‣ parser/compiler ‣ high performance
Progress Two modules released!! ‣ riot → v4.0.0-beta.2 ‣ dom-bindings
→ v0.11.2 ‣ parser → v0.8.1 Demo: https://codesandbox.io/s/o452941pn6
⚠Caution⚠
It is still in beta, so specifications may change.
Please wait for the official release Riot.js@4!!
Publicity
We’re looking for Engineers!!
None