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

Sencha Roadmap 2016-2015

Sencha Roadmap 2016-2015

Lee Boonstra

November 01, 2016
Tweet

More Decks by Lee Boonstra

Other Decks in Technology

Transcript

  1. © 2016 Sencha Inc
    Ext JS 6.2
    Q4 2016 & 2017

    View Slide

  2. © 2016 Sencha Inc
    Ext JS 6.2 Standard
    • Material theme for Modern Toolkit
    • Grid Enhancements (Modern/Classic)
    • Viewport Pinch/Zoom & Native Scrolling
    • Data Binding Expressions
    • CSS Variables
    • Others
    2
    Standard

    View Slide

  3. © 2016 Sencha Inc
    Ext JS 6.2 – Material theme for Modern Toolkit
    • Based on Google’s Material Design
    • Uses grid-based layouts, responsive
    animations and transitions, padding,
    and depth effects
    3
    Standard

    View Slide

  4. © 2016 Sencha Inc
    Ext JS 6.2 – Grid Enhancements
    • Row Body Widgets
    - Components within the row body when a
    grid row is expanded
    - Available for both toolkits
    - Row body widgets can be linked to parent
    grid record
    - Can put any component within the row
    body, not just grid inside a grid
    4
    Standard

    View Slide

  5. © 2016 Sencha Inc
    Ext JS 6.2 – Viewport Pinch/Zoom & Native Scrolling
    • Implemented in ‘Core’ – applies to
    both Modern & Classic toolkits
    - Viewport Zoom enabled
    - “user-scalable=yes”
    - Browser's native pan and zoom
    • Browser’s native support for
    momentum scrolling
    • Better gesture detection
    5
    Standard

    View Slide

  6. © 2016 Sencha Inc
    Ext JS 6.2 – Data Binding Expressions
    • bind: 'Total: {value1 + value2}’
    • bind: 'Current Browser: {@Ext.browser.name}’
    • bind: 'Total: {(x + y):round(2)}'
    • bind: 'Total: {@debugger (sub1 + sub2):round(2)}'
    6
    Standard

    View Slide

  7. © 2016 Sencha Inc
    Ext JS 6.2 – Modern Toolkit
    • Grids and Trees
    • Sparklines
    • Floated Components
    • Tooltips
    • Text Field Triggers
    7
    Standard

    View Slide

  8. © 2016 Sencha Inc
    Ext JS 6.2 – Others
    • New Drag-n-Drop system
    • Chart package: sprite-based legend
    • Circular Gauge
    • Google API helper classes in "google" package
    • CSS variables
    8
    Standard

    View Slide

  9. © 2016 Sencha Inc
    Ext JS 6.2 Premium
    • D3 Adapter
    • Calendar Component
    • Pivot Grid for Modern Toolkit
    • Enhanced Data Exporter
    9
    Premium

    View Slide

  10. © 2016 Sencha Inc
    Ext JS 6.2 – D3 Adapter
    • SVG or Canvas rendering to Ext JS
    containers
    • Managed as any other Ext JS
    component
    • Integration with Ext JS data stores to
    update the visualizations as data
    changes
    - Data Store for regular data
    - Tree Store for hierarchical data
    • Pan/zoom interaction
    10
    Premium

    View Slide

  11. © 2016 Sencha Inc
    Ext JS 6.2 – Calendar Component
    • Provides building blocks to include
    calendar in Ext JS apps
    • Day, Week, & Month views
    • Store to define events
    • Time zone support
    • Drag, Resize & Validation
    • Sample Google’s Calendar API
    integration
    11
    Premium

    View Slide

  12. © 2016 Sencha Inc
    Ext JS 6.2 – Pivot Grid for Modern Toolkit
    • Same capabilities as the Classic
    Toolkit Pivot Grid
    - Optimized for touch devices
    - Different layouts and styling elements
    - Plugins for drilldown, range editor
    - Drag-and-drop configurator
    12
    Premium

    View Slide

  13. © 2016 Sencha Inc
    Ext JS 6.2 – Pivoting with D3
    • HeatMap
    • TreeMap
    13
    Premium

    View Slide

  14. © 2016 Sencha Inc
    Ext JS 6.2 – Enhanced Data Exporter
    • Enhanced exporter plugin
    - XLSX, XML, CSV, TSV, and HTML formats
    - Works with Classic & Modern toolkits
    14
    Premium

    View Slide

  15. © 2016 Sencha Inc
    Ext JS 7
    • Support for ES6 (ECMAScript 2015)
    • Modern Toolkit Parity ***
    • Rich set of Examples & Kitchen Sink Refresh
    • Robust sample apps with integrations to most popular back end systems
    (NodeJS, Java, .NET)
    15
    *** Majority of customers stated they have moved away from legacy browsers and
    are developing universal apps running on desktop, tablets, and smartphones
    Ext JS 7

    View Slide

  16. © 2016 Sencha Inc
    SenchaCon Preview Release
    • Support ES6 (ECMAScript 2015) includes:
    - Default Parameters
    - Template Literals
    - Multi-line Strings
    - Destructuring Assignment
    - Enhanced Object Literals
    - Arrow Functions & Promises
    - Block-Scoped Constructs
    - Classes & Modules
    16
    Ext JS 7
    This roadmap outlines the current direction. It is subject to change at anytime.

    View Slide

  17. © 2016 Sencha Inc
    SenchaCon Preview Release
    • Enhance Modern Toolkit to create parity with Classic
    - Grid (Locking, Column Menu, Filters)
    - Menus, Buttons, & Pickers
    - Layout Fixes & Border layout
    - Keyboard Navigation Improvements
    - Form Validation
    - Localization
    - Buffered Store
    - ARIA / 508 Compliance
    17
    Ext JS 7
    This roadmap outlines the current direction. It is subject to change at anytime.

    View Slide

  18. © 2016 Sencha Inc
    Sencha Tools
    18
    • General Availability
    - Sencha Architect 4.0
    • Ext JS 6.2 support (modern and classic)
    • Theme import from Sencha Themer
    - Sencha Themer 6.0 GA
    • Ext JS 6.2 support (modern and classic)
    • Component UI theming
    Q3 2016
    • Preview Release
    - Modern tool to support ES6
    (ECMAScript 2015)
    • Sencha Cmd Replacement
    - Sencha Themer 6.1
    • Theme running Ext JS app
    SenchaCon / Q4 2016

    View Slide

  19. © 2016 Sencha Inc
    Sencha Test
    19
    • General Availability
    - Sencha Test 2.0
    • WebDriver based Multi-page App Testing
    Support
    Q4 2016
    • Preview Release
    - Integration with JIRA
    - Data-driven testing with multiple inputs
    - Improved component locator strategy
    for event recording
    - Page object repository for components
    - Component property inspection
    - Dashboard for test results
    - Integration with Bamboo CI
    SenchaCon / Q4 2016

    View Slide

  20. © 2016 Sencha Inc
    Sencha GXT
    20
    • New GXT 5 development
    - Core based on GWT 3
    - DOM based on JsInterop
    - Event system based on JsInterop
    - Base classes for GXT components
    • No Major Release
    Q4 2016
    • Preview Release
    - New widgets supporting responsive
    design
    - Easier theming with direct access to
    CSS
    - New mobile widgets
    - Material Design theme
    SenchaCon / Q4 2016

    View Slide

  21. © 2016 Sencha Inc
    1H 2017
    21
    - Modern toolkit first
    - ES6 (ECMAScript 2015)
    - TypeScript Support
    - Modern tooling
    - Deployment tools
    integrations
    • Data-driven testing
    • Test ecosystem
    integrations
    - Test Rail
    - Perfecto (Device Farm)
    • Enhanced reporting
    Test 2.5
    • Modern & Responsive
    GXT
    • Mobile Components
    • CSS Based Theming
    GXT 5
    Ext JS 7.0

    View Slide

  22. © 2016 Sencha Inc
    Direction
    22
    2015 2016
    Tools
    IDE Plugins
    Inspector
    Sencha Test Studio
    Test
    Enhanced
    Mobile
    Big Data &
    Data
    Visualization
    2017
    Modern Web
    Technology
    Focus

    View Slide