SlideShare a Scribd company logo
1 of 7
Download to read offline
Mats Bryntse, CEO @ Bryntum
Creating Reusable UI Components with Ext JS
@Bryntum
Intro | Content
Ext JS basics Class choices Error monitoring
• Ext JS class system
• Extending a class
• Component model
• Life cycle, constructor,
destructor
• Choose base class
• Architecture
• Mixins, plugins
• Writing testable code
• How to detect bugs in
production
• Recording session video
• RootCause
Basics | Background
One of the great strengths of Ext JS:
Mature reusable UI components.
Basics | Background
Basics | Background
Basics | Background
本文書の一部または全部の転載を禁止します。本文書の著作権は、著作者に帰属します。
Sencha RAD Mix Tokyo

More Related Content

More from Embarcadero Technologies

「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」
「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」
「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」Embarcadero Technologies
 
「マルチデバイスなDelphiで活かすWebアプリケーション」
「マルチデバイスなDelphiで活かすWebアプリケーション」「マルチデバイスなDelphiで活かすWebアプリケーション」
「マルチデバイスなDelphiで活かすWebアプリケーション」Embarcadero Technologies
 
「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」
「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」
「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」Embarcadero Technologies
 
「SenchaユーザーのためのRAD Studio入門」
「SenchaユーザーのためのRAD Studio入門」「SenchaユーザーのためのRAD Studio入門」
「SenchaユーザーのためのRAD Studio入門」Embarcadero Technologies
 
「Delphi/C++BuilderユーザーのためのSencha入門」
「Delphi/C++BuilderユーザーのためのSencha入門」「Delphi/C++BuilderユーザーのためのSencha入門」
「Delphi/C++BuilderユーザーのためのSencha入門」Embarcadero Technologies
 
「Delphiマイグレーションの現状」
「Delphiマイグレーションの現状」「Delphiマイグレーションの現状」
「Delphiマイグレーションの現状」Embarcadero Technologies
 
「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」
「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」
「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」Embarcadero Technologies
 
「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」
「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」
「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」Embarcadero Technologies
 
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」Embarcadero Technologies
 
「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」
「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」
「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」Embarcadero Technologies
 
「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」Embarcadero Technologies
 
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」Embarcadero Technologies
 
「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」
「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」 「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」
「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」 Embarcadero Technologies
 
「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」
 「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」  「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」
「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」 Embarcadero Technologies
 
「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」
「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」
「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」Embarcadero Technologies
 
「今どきのUXを実現するためのRAD Studio新機能活用テクニック」
「今どきのUXを実現するためのRAD Studio新機能活用テクニック」「今どきのUXを実現するためのRAD Studio新機能活用テクニック」
「今どきのUXを実現するためのRAD Studio新機能活用テクニック」Embarcadero Technologies
 
「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」Embarcadero Technologies
 
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」Embarcadero Technologies
 
「フォームアニメーションで満足度向上!モバイルアプリ改善術」
「フォームアニメーションで満足度向上!モバイルアプリ改善術」「フォームアニメーションで満足度向上!モバイルアプリ改善術」
「フォームアニメーションで満足度向上!モバイルアプリ改善術」Embarcadero Technologies
 
「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」
「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」
「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」Embarcadero Technologies
 

More from Embarcadero Technologies (20)

「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」
「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」
「コンポーネント/アプリケーション開発分離の重要性 ― VCL/FMXとExt JSの類似点の考察から見るその効果」
 
「マルチデバイスなDelphiで活かすWebアプリケーション」
「マルチデバイスなDelphiで活かすWebアプリケーション」「マルチデバイスなDelphiで活かすWebアプリケーション」
「マルチデバイスなDelphiで活かすWebアプリケーション」
 
「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」
「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」
「開発の現場でも役に立つボトムアップによるデータモデリング活用実例」
 
「SenchaユーザーのためのRAD Studio入門」
「SenchaユーザーのためのRAD Studio入門」「SenchaユーザーのためのRAD Studio入門」
「SenchaユーザーのためのRAD Studio入門」
 
「Delphi/C++BuilderユーザーのためのSencha入門」
「Delphi/C++BuilderユーザーのためのSencha入門」「Delphi/C++BuilderユーザーのためのSencha入門」
「Delphi/C++BuilderユーザーのためのSencha入門」
 
「Delphiマイグレーションの現状」
「Delphiマイグレーションの現状」「Delphiマイグレーションの現状」
「Delphiマイグレーションの現状」
 
「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」
「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」
「エンタープライズシステムの開発におけるSIerから見たSenchaの有効性」
 
「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」
「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」
「『Web化したい』に応えるには? ― Senchaを活かすDelphi/C++中間サーバー構築法」
 
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
 
「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」
「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」
「開発者にコミットするエンバカデロのツール戦略 ― 新たにSenchaを製品ファミリーに迎えて」
 
「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」
 
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
 
「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」
「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」 「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」
「ビーコンで位置検出!BeaconFenceによる館内ナビシステム構築事例」
 
「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」
 「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」  「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」
「エンタープライズ開発サポートを強化するエンバカデロの開発ツール戦略」
 
「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」
「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」
「開発者が知りたいDelphi実践テクニック!明日から使えるテクニック集」
 
「今どきのUXを実現するためのRAD Studio新機能活用テクニック」
「今どきのUXを実現するためのRAD Studio新機能活用テクニック」「今どきのUXを実現するためのRAD Studio新機能活用テクニック」
「今どきのUXを実現するためのRAD Studio新機能活用テクニック」
 
「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」「RAD Studioアプリケーションとバックエンドシステムを接続する」
「RAD Studioアプリケーションとバックエンドシステムを接続する」
 
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
「RAD Studio 10.1 Berlinで始めるIoTアプリケーション構築」
 
「フォームアニメーションで満足度向上!モバイルアプリ改善術」
「フォームアニメーションで満足度向上!モバイルアプリ改善術」「フォームアニメーションで満足度向上!モバイルアプリ改善術」
「フォームアニメーションで満足度向上!モバイルアプリ改善術」
 
「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」
「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」
「IoTの活用もいよいよ現実に!エンバカデロの開発ツール戦略」
 

Recently uploaded

Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 

Recently uploaded (20)

DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Science&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdfScience&tech:THE INFORMATION AGE STS.pdf
Science&tech:THE INFORMATION AGE STS.pdf
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 

「Creating Reusable UI Components with Ext JS (Ext JSでの再利用可能なUIコンポーネントの作成)」