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 Standard • Material

    theme for Modern Toolkit • Grid Enhancements (Modern/Classic) • Viewport Pinch/Zoom & Native Scrolling • Data Binding Expressions • CSS Variables • Others 2 Standard
  2. © 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
  3. © 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
  4. © 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
  5. © 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
  6. © 2016 Sencha Inc Ext JS 6.2 – Modern Toolkit

    • Grids and Trees • Sparklines • Floated Components • Tooltips • Text Field Triggers 7 Standard
  7. © 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
  8. © 2016 Sencha Inc Ext JS 6.2 Premium • D3

    Adapter • Calendar Component • Pivot Grid for Modern Toolkit • Enhanced Data Exporter 9 Premium
  9. © 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
  10. © 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
  11. © 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
  12. © 2016 Sencha Inc Ext JS 6.2 – Pivoting with

    D3 • HeatMap • TreeMap 13 Premium
  13. © 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
  14. © 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
  15. © 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.
  16. © 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.
  17. © 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
  18. © 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
  19. © 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
  20. © 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
  21. © 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