Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
On the evolution and changes of Riotjs@4
kkeeth
March 22, 2019
Programming
2
490
On the evolution and changes of Riotjs@4
kkeeth
March 22, 2019
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Walking through the source code of an OSS library(ESLint)
clown0082
0
33
A story of achievements after repeating various challenges
clown0082
1
3k
Let's play with Cypress
clown0082
0
28
Get Started "Firebase"
clown0082
0
68
GROW with YUMEMI at 技術書典
clown0082
0
39
Examples of opportunities seized by continuing to produce small outputs
clown0082
0
17
PWA with YUMEMI -PWA Night Conference 2021-
clown0082
0
33
About Transport Layer -layer 4-
clown0082
0
29
Comparing the philosophy of the store libraries for react
clown0082
1
160
Other Decks in Programming
See All in Programming
NieR Re[in]carnationにおけるUnityアニメーション活用術
applibot
1
960
インフラエンジニアの多様性と評価、またはキャリアへのつなげ方 / Careers as infrastructure engineers
katsuhisa91
0
550
heyにおけるSREの大切さ~マルチプロダクト運用の「楽しさ」と「難しさ」および今後の展望~
fufuhu
3
2.3k
SRE NEXT 2022: Sensible Incident Management for Software Startups
takanabe
2
880
Reactでアプリケーションを構築する多様化
sakito
4
3.5k
Reactive Microservices with Spring Boot and JHipster - Spring I/O 2022
mraible
PRO
2
590
バンドル最適化マニアクス at tfconf
mizchi
5
2.4k
職場にPythonistaを増やす方法
soogie
0
330
Node.js 最新動向 TFCon 2022
yosuke_furukawa
PRO
6
3k
TextPruner による大規模言語モデルの軽量化 / Large language model pruning using TextPruner
misawann
0
350
Unity Localization で多言語対応実装しよう / xrdnk-yokohamaunity-lt10-20220513
xrdnk
0
190
mrubyを1300円のボードで動かそう
yuuu
0
190
Featured
See All Featured
Building an army of robots
kneath
299
40k
Bash Introduction
62gerente
596
210k
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
Building Adaptive Systems
keathley
25
1.1k
Visualization
eitanlees
124
11k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
4
450
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
920
Intergalactic Javascript Robots from Outer Space
tanoku
261
25k
GraphQLとの向き合い方2022年版
quramy
16
8.1k
How GitHub (no longer) Works
holman
296
140k
How STYLIGHT went responsive
nonsquared
85
3.9k
Infographics Made Easy
chrislema
233
17k
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