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
630
On the evolution and changes of Riotjs@4
kkeeth
March 22, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
1
76
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.4k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
510
JavaScript × Mathematics go to Digital Art
clown0082
1
270
In-house study group at YUMEMI
clown0082
0
140
Playing Ionic Logo by p5.js
clown0082
0
180
Skills that employers recommend students to acquire
clown0082
0
230
Walking through the source code of an OSS Library(ESLint))
clown0082
0
320
Other Decks in Programming
See All in Programming
日付と正規化
megmogmog1965
0
140
How to use Macrobenchmark
veronikapj
0
160
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
Temporalを取り巻く仕様を整理する
sajikix
0
110
生成AIをkintoneに連携してみた
hideg
0
230
Async Await: Mastering Python's Time-Bending Tricks - EuroPython2024
yanbo
1
290
Composing an API the *right* way (Droidcon Berlin 2024)
zsmb
1
450
初心者がおさえておきたいAWS CDKのベストプラクティス 2024
konokenj
15
7.3k
Microservices rules (July 2024) : what good looks like
cer
PRO
0
1.6k
GraphQL はいいぞ! ~Laravel で学ぶ GraphQL 入門~
azuki
1
160
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
71
8.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
Debugging Ruby Performance
tmm1
71
11k
Learning to Love Humans: Emotional Interface Design
aarron
269
39k
Git: the NoSQL Database
bkeepers
PRO
423
64k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Atom: Resistance is Futile
akmur
261
25k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
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