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

Sencha Roadshow 2016: Sencha Roadmap - by Don Griffin

Sencha Roadshow 2016: Sencha Roadmap - by Don Griffin

Sencha Roadshow 2016: Sencha Roadmap - by Don Griffin

8a235da15adae86851fa3216834198ed?s=128

Lee Boonstra

March 17, 2016
Tweet

Transcript

  1. None
  2. © 2016 Sencha Inc Ext JS Roadmap! Don Griffin! Director

    of Engineering! Sencha!
  3. © 2016 Sencha Inc Sencha Ext JS Mission! •  Provide

    you the tools to deliver! -  The right experience! -  On the right screen! -  At the right time! •  Comprehensive JavaScript framework! •  Developer productivity tools! 3! Architect! Cmd! Stencils! IDE Plugins! Inspector!
  4. © 2016 Sencha Inc Sencha GXT!

  5. © 2016 Sencha Inc Sencha GXT! 5! Upcoming SenchaCon /

    End-of-year •  Bug fix release 4.x! •  GXT 2.x to 4.x migration program! •  Grid enhancements! -  Locked column support! •  Charts improvements! •  Eclipse IDE plugin! •  JetBrains IDE plugin! •  Visual theme builder! •  TBD - GWT 3.0 implications!
  6. © 2016 Sencha Inc Ext JS!

  7. © 2016 Sencha Inc Roadmap – Upcoming Releases! 7! Framework

    Tools •  Calendars! •  Mobile Themes! •  D3 Integration! •  Grid enhancements! •  Pivot grid! •  Exporter enhancements! •  Architect! •  Text Editor Plugin! •  IDE Plugin improvements!
  8. © 2016 Sencha Inc Calendars!

  9. © 2016 Sencha Inc Views! 9! •  Month! •  Week!

    •  Day! •  Multi-week! •  Multi-day!
  10. © 2016 Sencha Inc Editing! •  Drag-drop! -  Change times!

    -  Change durations! •  Form-based! -  Create events! -  Edit events! 10!
  11. © 2016 Sencha Inc Validation! •  Drag! •  Resize! • 

    Change! -  With Promises! 11!
  12. © 2016 Sencha Inc Miscellaneous! •  Recurring meetings! •  Modern

    & Classic toolkit support! 12!
  13. © 2016 Sencha Inc Mobile Themes! (Modern)!

  14. © 2016 Sencha Inc Mobile Themes! iOS! Android! 14! Material!

  15. © 2016 Sencha Inc Material Design! •  Closely follows the

    specification! •  Theme variables to select primary and accent colors! •  Ripple effect! -  Buttons! -  List items! •  Form fields! -  Label as Placeholder! 15!
  16. © 2016 Sencha Inc Mobile Themes! 16! app.json! builds: {

    ios: { "theme": "theme-ios", }, android: { "theme": "theme-material" } } app.json! "theme": "theme-device" "theme-mountainview" "theme-cupertino"
  17. © 2016 Sencha Inc Unified Device Theme (Investigating)! •  Single

    theme package! -  CSS selection handled based on device! 17! theme-material theme-ios theme-device
  18. © 2016 Sencha Inc CSS Variables! •  CSS Variables allow

    us…! -  To adjust styles and colors at run-time! •  Where supported! 18! html { --base-color: blue; } .x-panel-header { background-color: var(--base-color); background-color: blue; }
  19. © 2016 Sencha Inc CSS Variable Support! •  Not IE!

    19!
  20. © 2016 Sencha Inc D3!

  21. © 2016 Sencha Inc D3 Integration! 21! •  Goals! - 

    Easily wrap code from D3 Gallery in Ext JS Components! -  Simplify manual use of D3! •  Handling layouts and resizing! •  Connecting to records and stores! -  Provide some ready-to-use component! -  Integrated gestures!
  22. © 2016 Sencha Inc Grid!

  23. © 2016 Sencha Inc Grids! 23! •  Introducing row body

    components!! •  And row-level data binding! store: '{record.orders}' title: 'Orders for {record.name:capitalize}' •  Modern toolkit enhancements! -  Row expanders! -  TreeGrid! Since the Dawn of Time…! Developers have sought 3 things…!
  24. © 2016 Sencha Inc Pivot Grid!

  25. © 2016 Sencha Inc Pivot Grid! •  Modern toolkit version!

    -  All major plugins supported! -  Mobile friendly for tablets! •  New cellediting plugin! -  Classic only! 25!
  26. © 2016 Sencha Inc Exporter!

  27. © 2016 Sencha Inc Exporter! •  New file format support!

    -  XLSX! -  HTML! -  CSV! -  TSV! •  Server-side download assist! -  For browsers that need it (IE < 10)! -  Node.js and PHP! 27!
  28. © 2016 Sencha Inc Ext JS Tools!

  29. © 2016 Sencha Inc IDE Plugins!

  30. © 2016 Sencha Inc IDE Plugins! •  Performance improvements for

    large projects! •  Code completion for theming (*.scss)! 30!
  31. © 2016 Sencha Inc Text Editor Plugins!

  32. © 2016 Sencha Inc Text Editor Plugins! •  Sublime! • 

    Atom! -  Visual Studio Code! -  Other Atom-based editors (*)! 32! IDE!
  33. © 2016 Sencha Inc Ext JS .Next!

  34. © 2016 Sencha Inc SenchaCon / End-of-2016! 34! Framework Tools

    •  Modern toolkit! -  Full desktop support! •  Application templates! •  Material Design (Classic)! •  More charts! •  ECMAScript 6+ support! •  Visual theme builder!
  35. © 2016 Sencha Inc Demos!

  36. © 2016 Sencha Inc Q&A! Don Griffin! don@sencha.com! @dongryphon! http://www.sencha.com!