SenchaDay 2022 - Preview Sencha Rapid Ext JS

SenchaDay 2022 Sencha Rapid Ext JS with Marc Gusmano (Sencha)

Transcript

1. Kegan Blumenthal, General Manager Virtual SenchaCon Keynote April 12, 2022 An Early Preview of Sencha Rapid Ext JS Marc Gusmano – marc.gusmano@sencha.com
2. © 2022 Sencha Inc. #SenchaCon22 Sencha Day 2022 Welcome and Keynote Marc Gusmano Sencha Product Architect 9 am Frontend Architecture with Micro Frontends Thorsten Suckow-Homberg eyeworkers GmbH 10 am An Early Preview of Sencha Rapid ExtJS Marc Gusmano Sencha Product Architect 11:15 am User Experience - Good Code is not the only thing Tosten Koch eyeworkers GmbH 1 pm Sencha’s React Grid GRUI Marc Gusmano Sencha Product Architect 1:45 pm Customer Success Story: Reflex Solutions Pro Christoph Brand (mysystems GmbH) Simon Buckel (eyeworkers GmbH) 2:45 pm NPM in Sencha Projects & Build Pipeline Thorsten Suckow-Homberg eyeworkers GmbH 3:30 pm Model Schemer: What does it do and what alternatives are there? Thorsten Dinkheller Sencha ExtJS MVP 4:15 pm Upcoming Sencha Day Presentations All times in UHR
3. © 2022 Sencha Inc. #SenchaCon22 Safe Harbor Statement These plans and roadmap represent our intentions as of this date, but our development plans and priorities are subject to change. Accordingly, we can’t offer any commitments or other forms of assurance that we’ll ultimately release any or all of the described products on the schedule or in the order described, or at all. These general indications of development schedules or “product roadmaps” should not be interpreted or construed as any form of a commitment, and our customers’ rights to upgrades, updates, enhancements and other maintenance releases will be set forth only in the applicable software license agreement.
4. © 2022 Sencha Inc. #SenchaCon22 Key Themes: High performance with Low Code tooling • Finishing your app in record time • Sencha Architect generates fast, high-quality code –customizable with its drag and drop feature • Articulate innovation and drive your business forward can be produced in no time
5. © 2022 Sencha Inc. #SenchaCon22 Abstract In this session we will explore an early preview of Sencha's newest Ext JS development tool, Rapid Ext JS. “Rapid Ext JS is designed to speed up application development of Ext JS apps” Rapid Ext JS is a GUI extension for VS Code, enabling developers to visually build their Ext JS application, complete with drag and drop support of components, using Visual Studio Code as their development tool. This extension will aid in the rapid development of Ext JS apps by minimizing hand-coding efforts.
6. © 2022 Sencha Inc. #SenchaCon22 Agenda • What is Rapid Ext JS? • Why is it called Rapid JS? • How does it compare to Sencha Architect? • Installing Rapid Ext JS VS Code Extension • Demo • Rapid JS Plans for 2022 • Q & A
7. © 2022 Sencha Inc. #SenchaCon22 What is Rapid Ext JS? The focus is to design and develop a low-code editor that helps fast development of Ext JS apps by minimizing hand-coding efforts. The ongoing beta phase is targeted to make the extension more intuitive and user-friendly. Rapid Ext JS (previously known as VS Code Extension of Sencha Architect) is built with extensibility in mind. From the UI to the editing experience, almost every part of VS Code is customized and enhanced through the Extension. Since many core features of VS Code are built as extensions and use the same Extension API, building multiple feature-rich, lightweight VS Code extensions is the direction to quickly reach out to our targeted customers and reduce their development efforts. Considering Ext JS has more of a learning curve than other JS frameworks, we want to make it easier to use for new users. Keeping this in mind, we intend to enhance the Rapid Ext JS to support the drag and drop of components and update configurations in real time.
8. © 2022 Sencha Inc. #SenchaCon22 Why is it called Rapid Ext JS? A little background about the Name: Initially, we called this product VS Code Extension of Sencha Architect. This name was never finalized, and we came up with the name Rapid Ext JS, which is more precise, attractive and convincing.
9. © 2022 Sencha Inc. #SenchaCon22 How does it compare to Sencha Architect? • No metadata! • Hosted as a VS Code Extension • Utilizes @sencha/ext-gen • Still early in lifecycle of product • More and more functionality of Architect over time
10. © 2022 Sencha Inc. #SenchaCon22 Installing Rapid Ext JS VS Code Extension
11. © 2022 Sencha Inc. #SenchaCon22 Demo - Create a new Ext JS Application
12. © 2022 Sencha Inc. #SenchaCon22 Rapid Ext JS Plans for 2022 • Generating dynamic view of any selected component file • Drag and Drop Components • Editing of Configs • Creating a View with a context menu in any folder • No metadata boundary – Edit the project in any IDE • Download SDK mechanism • Upcoming Beta
13. © 2022 Sencha Inc. #SenchaCon22 https://docs.google.com/forms/d/e/1FAIpQLSe2Ed9PY44i7gPhAhLRnrqBjwmd1pzDgeAMRW_5P0wlZB64hg/viewform Beta
14. © 2022 Sencha Inc. #SenchaCon22 Join to Sencha Discord Server • Are you looking for community engagement? Want to help, learn and share with many Ext JS experts? Join Sencha Discord Server now for free and be part of our community! ◦ Sencha MVP’s are there. ◦ Sencha developers are there. ◦ Expand awareness of Sencha products ◦ Community Engagement and Contributions ◦ And more...
15. © 2022 Sencha Inc. #SenchaCon22 Q & A marc.gusmano@sencha.com