On the evolution and changes of Riotjs@4

Transcript

1. On the evolution and changes of Riotjs@4 We Are JavaScripters! @30th ʲॳ৺ऀ׻ܴLTେձʳ
2. About me
3. Basic Information const my_info = { : ‘܂ݪ੟ਔ’, : ‘Yumemi Inc’, : ‘kuwahara_jsri’, : ‘k-kuwahara’, : ‘k-kuwahara’, }
4. Communities translator staff staff
5. Sorry... $ Plz feedback for me called “Masakari” about my English.
6. Have you ever used riotjs before?
7. before that …
8. What is ?
9. image by: https://riot.js.org/
10. Characteristics ‣ Custom tags(Component based) ‣ Simple syntax ‣ Human-readable ‣ Small leaning curve
11. More example
12. For more details, URL: https://speakerdeck.com/clown0082/re-revolution-to-front-end-with-riot-dot-js
13. Next @4
14. There are breaking changes. Let’s pick up some of them.
15. Change Riot4
16. Change Riot4 type, src, extension are changes
17. Change Riot4
18. Change Riot4 specifying a mount point by “div” is invalid
19. Change Riot4
20. Change Riot4 riot.compile() is probably required
21. Change Riot4 No error message is displayed in “console.log()”
22. Change Riot4 Specifying “*” results in an error
23. Change Riot4
24. Change Riot4 props, state parameters !?
25. Change Riot4 export default syntax !!
26. Change Riot4 props, state arguments !!
27. Display whole code again
28. Demo Riot4 Code1
29. Demo Riot4 Code2
30. Pick up some of the roadmap @4 ‣ “this.tags” ‣ “riot-observable” ‣ “shouldUpdate” method ‣ “:scope” → “:host” ‣ parser/compiler ‣ high performance
31. 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
32. ⚠Caution⚠
33. It is still in beta, so specifications may change.
34. Please wait for the official release Riot.js@4!!
35. Publicity
36. We’re looking for Engineers!!