$30 off During Our Annual Pro Sale. View Details »

Finally Riot.js @4 has been released

kkeeth
June 01, 2019

Finally Riot.js @4 has been released

kkeeth

June 01, 2019
Tweet

More Decks by kkeeth

Other Decks in Programming

Transcript

  1. Finally Riot.js @4
    has been released
    ॳՆͷJavaScriptࡇ in ϝϯόʔζΩϟϦΞ
    k-kuwahara @kuwahara_jsri @clown0082

    View Slide

  2. About me

    View Slide

  3. Basic Information
    const my_info = {
    Workplace: ‘Yumemi Inc’,
    Community: ‘Riot.js, Ionic, DIST’,
    Skills: ‘Riot.js, Ionic, Nuxt, Node.js’,
    PokemonGO: ‘TL39’
    }

    View Slide

  4. Sorry... "
    Plz feedback for me
    called “Masakari” about my English.

    View Slide

  5. before that …

    View Slide

  6. Have you ever used
    riot before?

    View Slide

  7. What is ?

    View Slide

  8. URL: https://riot.js.org/

    View Slide

  9. URL: https://riot.js.org/
    In plain words,
    Riot.js is a react-like ui library

    View Slide

  10. Characteristics
    ‣ Custom tags(Component based)
    ‣ Simple syntax
    ‣ Human-readable
    ‣ Small leaning curve

    View Slide

  11. Made with Riot
    URL: https://riot.js.org/made-with-riot/

    View Slide

  12. Next @4

    View Slide

  13. View Slide

  14. riot has some breaking changes.
    Let’s pick up some of them.

    View Slide

  15. Change Riot4

    View Slide

  16. Change Riot4
    type, src, extension
    are changes

    View Slide

  17. Change Riot4

    View Slide

  18. Change Riot4
    export default
    syntax !!

    View Slide

  19. Change Riot4
    props, state
    arguments !!

    View Slide

  20. Pick up some of the changes @4
    ‣ “this.tags”
    ‣ “riot-observable”
    ‣ “shouldUpdate” method
    ‣ “:scope” → “:host”
    ‣ parser/compiler
    ‣ high performance

    View Slide

  21. For more details,
    URL: https://speakerdeck.com/clown0082/re-revolution-to-front-end-with-riot-dot-js

    View Slide

  22. ⚠Caution⚠

    View Slide

  23. I think that there is a potential bug,
    because it has just been released

    View Slide

  24. Pick up other changes.
    (not source code)

    View Slide

  25. The new Logo
    up to v3 v4

    View Slide

  26. The new home page(v4)

    View Slide

  27. The new home page(up to v3)
    URL: https://v3.riotjs.now.sh/

    View Slide

  28. Japanese Translation
    URL: https://github.com/riot/riot.github.io/issues/235

    View Slide

  29. Japanese Translation
    URL: https://github.com/riot/riot.github.io/issues/235
    Plz send PRs to us !!

    View Slide

  30. Please wait for the official release
    Riot.js@4!!

    View Slide

  31. Publicity

    View Slide

  32. We’re looking for Engineers!!

    View Slide

  33. View Slide