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
   

   View Slide

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
   

   View Slide

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.
   

   View Slide

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
   

   View Slide

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.
   

   View Slide

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
   

   View Slide

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.
   

   View Slide

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.
   

   View Slide

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
   

   View Slide

10. © 2022 Sencha Inc. #SenchaCon22
    Installing Rapid Ext JS VS Code Extension
    

    View Slide

11. © 2022 Sencha Inc. #SenchaCon22
    Demo - Create a new Ext JS Application
    

    View Slide

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
    

    View Slide

13. © 2022 Sencha Inc. #SenchaCon22
    https://docs.google.com/forms/d/e/1FAIpQLSe2Ed9PY44i7gPhAhLRnrqBjwmd1pzDgeAMRW_5P0wlZB64hg/viewform
    Beta
    

    View Slide

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...
    

    View Slide

15. © 2022 Sencha Inc. #SenchaCon22
    Q & A
    marc.gusmano@sencha.com
    

    View Slide