Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
About ecosystem of Riot.js and @4
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
kkeeth
August 29, 2018
Programming
380
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
About ecosystem of Riot.js and @4
kkeeth
August 29, 2018
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
100
とある EM の初めての育休からの学び
clown0082
1
5.8k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
240
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.3k
Rediscover the joy of coding with Creative Coding
clown0082
0
2k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
670
JavaScript × Mathematics go to Digital Art
clown0082
1
470
In-house study group at YUMEMI
clown0082
0
240
Playing Ionic Logo by p5.js
clown0082
0
360
Other Decks in Programming
See All in Programming
Lean は証明の正しさを確認するためだけのツールって思ってませんか?
inoueasei
1
150
Google Apps Script で Ruby を動かす
kawahara
0
150
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
18k
FDEが実現するAI駆動経営の現在地
gonta
2
280
Cloudflare is Agents
chimame
0
160
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
890
SlackアプリとLambdaの 連携を構築した話
pawn_4_s
1
110
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
500
テーブルをDELETEした
yuzneri
0
140
仕様駆動開発の消費期限
watany
20
7.9k
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
gotalab555
4
1.6k
源内ハンズオン概要編
hideg
0
160
Featured
See All Featured
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
290
Bash Introduction
62gerente
615
220k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
790
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
56
3.4k
4 Signs Your Business is Dying
shpigford
187
22k
Are puppies a ranking factor?
jonoalderson
1
3.8k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.9k
Darren the Foodie - Storyboard
khoart
PRO
3
3.6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
640
Technical Leadership for Architectural Decision Making
baasie
3
470
A Modern Web Designer's Workflow
chriscoyier
698
190k
Transcript
About ecosystem of Riot.js and @4 Riot.js LTେձ@Tokyo #1
About me const my_info = { ɹ : ‘܂ݪਔ’, ɹ
: ‘Yumemi, Inc.’, : ‘@kuwahara_jsri’, : ‘k-kuwahara’, : ‘clown0082’ }
const my_CLI = [ ɹ‘ja-greetings’, ‘cmd-ranking’, ‘check-stats-modules’ ] Products
Communities github.com/k-kuwahara
Stats of riotjs
Stats of Riot.js ‣ version: 3.11.1 ‣ github star: 13192
‣ open issues: 30 (6 bugs) ‣ size: 10.78 kb(gzip)
Made with riot
Made with riot
Made with riot URL: http://riotjs.com/made-with-riot/
Ecosystem for
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
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
Other libraries URL: https://github.com/pankajparashar-zz/awesome-riotjs
But, is there anything we wanted?
For example… like Vue.js devtools Storybook for Riot.js functional CLI
Syntax highlights for .tag Official boiler plate
We are Developers. Let’s Create!!
By the way,
URL: https://github.com/storybooks/storybook/pull/4070
Next, @4
“Riot 4 will be released during this year (Summer?) but
not anytime soon”
“Riot 4 will be released during this year (Summer?) but
not anytime soon” ❎
Pick up some of the roadmap @4 ‣ “this.tags” ‣
“riot-observable” ‣ “shouldUpdate” method ‣ “:scope” → “:root” ‣ parser/compiler ‣ “export default” ← new!!
Progress Two modules released!! ‣ dom-bindings → v0.1.0 ‣ parser
→ v0.6.0
Let’s Create Web Application with Riot.js !!
None