Upgrade to Pro — share decks privately, control downloads, hide ads and more …

SenchaDay 2022 - Preview Sencha Rapid Ext JS

SenchaDay 2022 - Preview Sencha Rapid Ext JS

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

eyeworkers GmbH

November 11, 2022
Tweet

More Decks by eyeworkers GmbH

Other Decks in Technology

Transcript

  1. Kegan Blumenthal, General Manager
    Virtual SenchaCon Keynote
    April 12, 2022
    An Early Preview of Sencha Rapid Ext JS
    Marc Gusmano – [email protected]

    View full-size 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 full-size 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 full-size 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 full-size 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 full-size 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 full-size 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 full-size 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 full-size 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 full-size slide

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

    View full-size slide

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

    View full-size 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 full-size slide

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

    View full-size 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 full-size slide

  15. © 2022 Sencha Inc. #SenchaCon22
    Q & A
    [email protected]

    View full-size slide