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

Challenge to Ionic with Riot.js

Challenge to Ionic with Riot.js

3135a28c51dfa27396bb525e9972db95?s=128

kkeeth

July 07, 2019
Tweet

Transcript

  1. Challenge to Ionic with Riot.js k-kuwahara @kuwahara_jsri clown0082 2019/07/07 [Webٕज़ͰϞόΠϧΞϓϦΛͭ͘Δ]

    Ionic Meetup #12 Tokyo
  2. About me

  3. About me const my_info = { Name: ‘܂ݪ੟ਔ’, Workplace: ‘Yumemi

    Inc’, Skills: ‘Riot.js, Ionic, Nuxt, Node.js’, PokemonGO: ‘TL39’ }
  4. Communities collaborator translator staff

  5. Communities github.com/k-kuwahara

  6. Let’s start the today’s Ionic talks !!

  7. What is “Ionic Framework” ?

  8. In recently years, Develop applications with “WEB”

  9. So, how about “Ionic Framework” ?

  10. What is “Ionic Framework” ? image by: https://ionicframework.com/

  11. What is “Ionic Framework” ? image by: https://ionicframework.com/

  12. What is “Ionic Framework” ? +

  13. What is “Ionic Framework” ? Web

  14. What is “Ionic Framework” ? Android iOS Web

  15. up to Ionic v3

  16. Ionic + other frameworks +

  17. What is “Ionic Framework” ? UI Base WebView

  18. What is “Ionic Framework” ? UI Base WebView Ionic Native

    Native API Cordova API
  19. Ionic v4 + other frameworks

  20. Ionic + other frameworks +

  21. What is “Ionic Framework” ? UI Base WebView or Any

    FWs
  22. More Details

  23. More Details

  24. More Details

  25. What is “Capacitor” ?

  26. What is “Capacitor” ? URL: https://www.rdlabo.jp/article/973

  27. So, I tried +

  28. What is “Riot.js” ?

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

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

    library
  31. Characteristics ‣ Custom tags(Component based) ‣ Simple syntax ‣ Human-readable

    ‣ Small leaning curve
  32. URL: https://riot.js.org/made-with-riot/ Made with Riot

  33. Let’s try Ionic with Riot

  34. Tasks ‣ add riot project into “ionic-cli” ‣ create “@ionic/riot”

    project ‣ create “starters” about riot ‣ introduce riot to ionic
  35. DEMO …it was plan of

  36. I couldn’t demonstrate the riot with ionic again this time…

  37. Causes ‣ riot 4 is not supported by various libraries

    ‣ The hurdles to make @ionic/riot from full-scratch are high ‣ (I didn’t have enough time)
  38. ‣ɹhttps://github.com/ionic-team/ionic-cli/pull/3951/files ‣ɹhttps://github.com/ionic-team/starters/commit/ 1d95f8de91c0f35b2b067258c555bd0bd7ed0ee5 ‣ɹhttps://github.com/ionic-team/ionic/pull/16748/files How to introduce other FW to

    Ionic
  39. Q. How do we get started?

  40. See also: for details URL: https://qiita.com/clown0082/items/5405c53eb955f985edda

  41. with this book ↓

  42. Let’s Create Mobile Application by Ionic Framework!!

  43. Publicity

  44. We’re looking for Engineers!!

  45. None