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
The framework that we wanted that day
Search
kkeeth
September 22, 2018
Technology
0
66
The framework that we wanted that day
kkeeth
September 22, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
95
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.6k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.3k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
530
JavaScript × Mathematics go to Digital Art
clown0082
1
310
In-house study group at YUMEMI
clown0082
0
160
Playing Ionic Logo by p5.js
clown0082
0
210
Skills that employers recommend students to acquire
clown0082
1
250
Walking through the source code of an OSS Library(ESLint))
clown0082
0
340
Other Decks in Technology
See All in Technology
Amazon ECS & AWS Fargate 今昔物語 / past and present stories of Amazon ECS and AWS Fargate
iselegant
19
4.1k
LeSS Yoake 2024 スポンサーセッション
riki_hiraoka
0
160
入社半年(合計1年)でGoogle Cloud 認定を全冠した秘訣🤫
risatube
1
280
Microsoft 365 でデータセキュリティを強化しよう
sophiakunii
2
480
Amazon Managed Grafana で AWS IoT TwinMaker によるデジタルツインアプリケーションを動かしてみた
wakatsuki
0
120
Brakeman を欺く - Kashiwa.rb #4
kozy4324
1
100
WSUSが非推奨に!? Windowsの更新管理を改めて勉強する!
ebibibi
0
580
AWS Lambda と Amazon SQS で「わかった気になれる」FreeRTOS 入門
soracom
PRO
2
150
地域DXにおけるGrafana活用事例
wacky
0
390
俺とVSCode Python Debugger Extension
sat
PRO
1
150
Demystifying Vite Internals
nozomuikuta
3
760
GPSデバイスを使った簡易位置案内システムの構築をしてみた話。/jawsfesta2024
kwada
0
230
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
167
14k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
GraphQLとの向き合い方2022年版
quramy
43
13k
For a Future-Friendly Web
brad_frost
174
9.4k
Being A Developer After 40
akosma
85
590k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Designing the Hi-DPI Web
ddemaree
280
34k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Happy Clients
brianwarren
97
6.7k
Producing Creativity
orderedlist
PRO
341
39k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
40
2.1k
Transcript
The framework that we wanted that day ... k-kuwahara @kuwahara_jsri
@clown0082 Sep 22, 2018 ʲୈ4ճʳJSϑϨʔϜϫʔΫ(·ͨϥΠϒϥϦ)× ϏΞόογϡ ॳ৺ऀษڧձ
About me const my_info = { Workplace: ‘Yumemi Inc’, Community:
‘Riot.js, Ionic, Dist’, Favorites: ‘CLI made by Node.js’, PokemonGO: ‘TL38’ }
github.com/riot
Sorry... " As usual, there is no line of source
code. Plz feedback for me called “Masakari” about my English
Conclusion
Please use whatever you like
The appearance of the first framework
so-called “Chaos” Pure JS with
so-called “Chaos” Pure JS with
The load named frameworks for JavaScripts
The former three major frameworks
Thought of expanding HTML to create dynamic web apps Two-way
data bindings Modularization of JavaScript source code Thought of MVVM Flexible expression and extensibility Features
React and Componentry
It is not two-way data binding! Unify the flow of
data and manage the state! ※That's not all Extension of HTML is painful. Let's go with components!
ɹ Header Footer Navigation Bars Main Contents2 Main Contents3 Main
Contents1 Hero Menu Componentry
Flux image by: https://www.npmjs.com/package/flux
Componentry One-way data binding State management Idea of so-called Flux
Things for View to the end Features
BTW, start to reduce the weight of the library
Attack to Vue.js
None
We use two-way data bindings! ※That's not all Vue.js is
componentry, also uses flux-based state management
GitHub stars
GitHub stars
GitHub stars
Conclusion (again)
Please use whatever you like
Have a nice JavaScript life!!
Publicity
We’re looking for Engineers!!
None
None