Submit Search
Upload
11 29プレゼン資料
•
Download as PPTX, PDF
•
0 likes
•
336 views
Shinichiro Takezaki
Follow
React勉強会
Read less
Read more
Internet
Report
Share
Report
Share
1 of 12
Download now
Recommended
Vtecx solution
Vtecx solution
Shinichiro Takezaki
バーチャルテクノロジーのソリューションを説明した資料です。
Lt20190129
Lt20190129
Shinichiro Takezaki
スタートアップテック vol2
Real techlt20180829
Real techlt20180829
Shinichiro Takezaki
https://realtech-night.connpass.com/event/94071/ のLT資料
Bpstudy20180725
Bpstudy20180725
Shinichiro Takezaki
BPStudy 2018/7/25
React vtecx20171129
React vtecx20171129
Shinichiro Takezaki
React勉強会用資料です
20171025 date picker説明資料
20171025 date picker説明資料
Shinichiro Takezaki
React勉強会
React vtecx20171025
React vtecx20171025
Shinichiro Takezaki
React勉強会
Web study20171007
Web study20171007
Shinichiro Takezaki
#WEBエンジニア勉強会03
Recommended
Vtecx solution
Vtecx solution
Shinichiro Takezaki
バーチャルテクノロジーのソリューションを説明した資料です。
Lt20190129
Lt20190129
Shinichiro Takezaki
スタートアップテック vol2
Real techlt20180829
Real techlt20180829
Shinichiro Takezaki
https://realtech-night.connpass.com/event/94071/ のLT資料
Bpstudy20180725
Bpstudy20180725
Shinichiro Takezaki
BPStudy 2018/7/25
React vtecx20171129
React vtecx20171129
Shinichiro Takezaki
React勉強会用資料です
20171025 date picker説明資料
20171025 date picker説明資料
Shinichiro Takezaki
React勉強会
React vtecx20171025
React vtecx20171025
Shinichiro Takezaki
React勉強会
Web study20171007
Web study20171007
Shinichiro Takezaki
#WEBエンジニア勉強会03
React vtecx20170920
React vtecx20170920
Shinichiro Takezaki
勉強会
React vtecx20170822
React vtecx20170822
Shinichiro Takezaki
https://vtecx.connpass.com/event/63341 の資料です
Builderscon Tokyo 2017
Builderscon Tokyo 2017
Shinichiro Takezaki
Buildersconの資料です。(8/5 14:10- C フロントエンドエンジニアが主役のBaaSを作った話)
Enterpriseapi20160210
Enterpriseapi20160210
Shinichiro Takezaki
Enterprise API Hack Night #3 の資料です。
Vtecx20151216 2
Vtecx20151216 2
Shinichiro Takezaki
フロントエンドエンジニアの価値を高めるBaaS(vte.cx) セミナー資料#2
Vtecx20151216
Vtecx20151216
Shinichiro Takezaki
フロントエンドエンジニアの価値を高めるBaaS(vte.cx) セミナー資料#1
Vtecxlt20151201
Vtecxlt20151201
Shinichiro Takezaki
http://hifive.connpass.com/event/22842/ のLT資料です
Angularreflex20141210
Angularreflex20141210
Shinichiro Takezaki
http://acrovision.connpass.com/event/9957/ の資料です
No nosql20130424
No nosql20130424
Shinichiro Takezaki
BPStudy20121221
BPStudy20121221
Shinichiro Takezaki
Gaeja20121130
Gaeja20121130
Shinichiro Takezaki
ajn22 の資料
Reflex works20120818 1
Reflex works20120818 1
Shinichiro Takezaki
クラウド温泉3.0 の説明用資料 (前編)
Groovyコンファレンス
Groovyコンファレンス
Shinichiro Takezaki
More Related Content
More from Shinichiro Takezaki
React vtecx20170920
React vtecx20170920
Shinichiro Takezaki
勉強会
React vtecx20170822
React vtecx20170822
Shinichiro Takezaki
https://vtecx.connpass.com/event/63341 の資料です
Builderscon Tokyo 2017
Builderscon Tokyo 2017
Shinichiro Takezaki
Buildersconの資料です。(8/5 14:10- C フロントエンドエンジニアが主役のBaaSを作った話)
Enterpriseapi20160210
Enterpriseapi20160210
Shinichiro Takezaki
Enterprise API Hack Night #3 の資料です。
Vtecx20151216 2
Vtecx20151216 2
Shinichiro Takezaki
フロントエンドエンジニアの価値を高めるBaaS(vte.cx) セミナー資料#2
Vtecx20151216
Vtecx20151216
Shinichiro Takezaki
フロントエンドエンジニアの価値を高めるBaaS(vte.cx) セミナー資料#1
Vtecxlt20151201
Vtecxlt20151201
Shinichiro Takezaki
http://hifive.connpass.com/event/22842/ のLT資料です
Angularreflex20141210
Angularreflex20141210
Shinichiro Takezaki
http://acrovision.connpass.com/event/9957/ の資料です
No nosql20130424
No nosql20130424
Shinichiro Takezaki
BPStudy20121221
BPStudy20121221
Shinichiro Takezaki
Gaeja20121130
Gaeja20121130
Shinichiro Takezaki
ajn22 の資料
Reflex works20120818 1
Reflex works20120818 1
Shinichiro Takezaki
クラウド温泉3.0 の説明用資料 (前編)
Groovyコンファレンス
Groovyコンファレンス
Shinichiro Takezaki
More from Shinichiro Takezaki
(13)
React vtecx20170920
React vtecx20170920
React vtecx20170822
React vtecx20170822
Builderscon Tokyo 2017
Builderscon Tokyo 2017
Enterpriseapi20160210
Enterpriseapi20160210
Vtecx20151216 2
Vtecx20151216 2
Vtecx20151216
Vtecx20151216
Vtecxlt20151201
Vtecxlt20151201
Angularreflex20141210
Angularreflex20141210
No nosql20130424
No nosql20130424
BPStudy20121221
BPStudy20121221
Gaeja20121130
Gaeja20121130
Reflex works20120818 1
Reflex works20120818 1
Groovyコンファレンス
Groovyコンファレンス
11 29プレゼン資料
1.
Reactでcomponent化 してシンプルになった話 有限会社バーチャルテクノロジー 森下大貴
2.
DatePicker: フォームをクリックするとカレンダーが表示され 日付を選択すると、選択した日付がフォームに入力され るコンポーネント
3.
4.
DatePickerの場合 変数を用意して 変更用の関数を用意
5.
フォームの書き方 UnControlled Controlled • Reactの仕様 •
初期値を設定出来ない • 初期値を設定出来る • 変更用の処理を用意しなけれ ばならない
6.
UnControlled Controlled
7.
Before After
8.
名前と変数を渡すだけ
9.
今までのDatePickerは ここで呼んでいる。 CommonDatePicker コンポーネントの中で変更 処理を完結させている (コンポーネント内で隠蔽)
10.
ラジオボタン(CommonRadioBtn) Before After
11.
コンポーネント化したもの • フィルターボックス(CommonFilterBox) • セレクトボックス(CommonSelectBox) •
テキストボックス(CommonInputText) • テーブル(CommonTable) • ラジオボタン(CommonRadioBtn) • カレンダー(CommonDatePicker)
12.
コンポーネント化によるメリット • 変数や変更処理を行う関数などを1つのコンポーネントにまとめ ることで再利用が可能になる。 • 呼び出し引数が少なくなり、変更に伴う修正箇所が最小限で済む。 •
コードがシンプルになったために可読性が上がる。 コンポーネント化を意識したことで、コーディングが楽になった
Download now