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
99
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.7k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.3k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
550
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
260
Walking through the source code of an OSS Library(ESLint))
clown0082
0
350
Other Decks in Technology
See All in Technology
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
170
オープンソースAIとは何か? --「オープンソースAIの定義 v1.0」詳細解説
shujisado
9
970
Adopting Jetpack Compose in Your Existing Project - GDG DevFest Bangkok 2024
akexorcist
0
110
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
Security-JAWS【第35回】勉強会クラウドにおけるマルウェアやコンテンツ改ざんへの対策
4su_para
0
180
【Pycon mini 東海 2024】Google Colaboratoryで試すVLM
kazuhitotakahashi
2
510
The Role of Developer Relations in AI Product Success.
giftojabu1
0
130
Flutterによる 効率的なAndroid・iOS・Webアプリケーション開発の事例
recruitengineers
PRO
0
100
Introduction to Works of ML Engineer in LY Corporation
lycorp_recruit_jp
0
120
TypeScriptの次なる大進化なるか!? 条件型を返り値とする関数の型推論
uhyo
2
1.7k
Amazon CloudWatch Network Monitor のススメ
yuki_ink
1
210
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
8.9k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
It's Worth the Effort
3n
183
27k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
The Language of Interfaces
destraynor
154
24k
Documentation Writing (for coders)
carmenintech
65
4.4k
4 Signs Your Business is Dying
shpigford
180
21k
Git: the NoSQL Database
bkeepers
PRO
427
64k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
96
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