Finally Riot.js @4 has been released

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