Upgrade to Pro — share decks privately, control downloads, hide ads and more …

On the evolution and changes of Riotjs@4

3135a28c51dfa27396bb525e9972db95?s=47 kkeeth
March 22, 2019

On the evolution and changes of Riotjs@4

3135a28c51dfa27396bb525e9972db95?s=128

kkeeth

March 22, 2019
Tweet

More Decks by kkeeth

Other Decks in Programming

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!!

  37. None