Sencha Roadshow 2016: Sencha Roadmap - by Don Griffin

Sencha Roadshow 2016: Sencha Roadmap - by Don Griffin

Transcript

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!