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
580
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
0
11
Visually experience the beauty of mathematics with p5.js
clown0082
0
2.1k
Rediscover the joy of coding with Creative Coding
clown0082
0
1k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
460
JavaScript × Mathematics go to Digital Art
clown0082
1
230
In-house study group at YUMEMI
clown0082
0
110
Playing Ionic Logo by p5.js
clown0082
0
140
Skills that employers recommend students to acquire
clown0082
0
190
Walking through the source code of an OSS Library(ESLint))
clown0082
0
280
Other Decks in Programming
See All in Programming
Building a Smaller App Binary
kateinoigakukun
2
220
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
1.1k
Deno に Web 標準 API を実装する / Implementing Web Standard API to Deno
petamoriken
0
350
オブジェクト指向コードレビューの新しいアプローチ
akkie76
3
1.6k
MySQL のインデックスの種類をおさらいしよう! / overviewing indexes in MySQL
okashoi
0
170
LLMチャットボットのアプリケーション設計Tips
os1ma
4
670
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
CircleCIを活用して AWSへの継続的デリバリーを 実践する
coconala_engineer
1
110
Introduction for Open Source Swift Workshop
giginet
PRO
0
290
GitHub Copilot Tips and Tricks
yuichielectric
26
7.5k
イベントストーミングによるオブジェクトモデリング・オブジェクト指向プログラミングの適用・開発プロセスの変遷・アーキテクチャの変革 / Object modeling with Event Storming.
nrslib
12
3.2k
オブジェクト指向のリ・オリエンテーション~歴史を振り返り、AI時代に向きなおる~
hanyudaeiiti
2
250
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
174
21k
Practical Orchestrator
shlominoach
180
9.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Building Applications with DynamoDB
mza
88
5.6k
The Pragmatic Product Professional
lauravandoore
24
5.7k
How GitHub Uses GitHub to Build GitHub
holman
467
290k
Fireside Chat
paigeccino
19
2.6k
Side Projects
sachag
451
41k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Embracing the Ebb and Flow
colly
78
4.1k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
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