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

About ecosystem of Riot.js and @4

kkeeth
August 29, 2018

About ecosystem of Riot.js and @4

kkeeth

August 29, 2018
Tweet

More Decks by kkeeth

Other Decks in Programming

Transcript

  1. About me const my_info = { ɹ : ‘܂ݪ੟ਔ’, ɹ

    : ‘Yumemi, Inc.’, : ‘@kuwahara_jsri’, : ‘k-kuwahara’, : ‘clown0082’ }
  2. Stats of Riot.js ‣ version: 3.11.1 ‣ github star: 13192

    ‣ open issues: 30 (6 bugs) ‣ size: 10.78 kb(gzip)
  3. Ecosystem ɾriot ɾriot-clI ɾriot-compiler ɾriot-observable ɾriot-tmpl Basics SPA (routing) ɾriot-route

    ɾriot-view-router ɾriot-routehandler ɾriotgear-router ɾredux-riot-router ɾbabel-preset-es2015-riot ɾriot-placeholder ɾkarma-riot ɾriot-hot-reload ɾeslint-config-riot Others
  4. Ecosystem State management ɾRiotControl ɾriotify ɾriotx ɾobseriot Compile ɾgulp-riot ɾriot-tag-loader

    ɾriotjs-loader ɾriotify ɾrollup-plugin-riot Designs, Animations ɾriot-mui ɾnest-ui ɾriot-bootstrap ɾriot-fontawesome ɾsemantic-ui-riot ɾriot-animate ɾriot-flipcard
  5. For example… like Vue.js devtools Storybook for Riot.js functional CLI

    Syntax highlights for .tag Official boiler plate
  6. Pick up some of the roadmap @4 ‣ “this.tags” ‣

    “riot-observable” ‣ “shouldUpdate” method ‣ “:scope” → “:root” ‣ parser/compiler ‣ “export default” ← new!!