DevExtreme (Angular, React, Vue, jQuery) Roadmap 2020 – Your Vote Counts

DevExtreme Team Blog
10 December 2019
2020 is right around the corner and we need your help to both shape and define next year’s roadmap and want to hear from you. Please take a moment to review the features below and cast your vote for the capabilities you consider most important for your development needs.
Note: The features below should be available for Angular, React, Vue, and jQuery simultaneously. Several features are framework-related and described in separate sections within this blog post.

Official Product Release Schedule

We previewed (CTP) several major components in 2019. We expect to officially ship these products in 2020 and need your help to finalize our feature list.

DevExtreme Gantt Control for Angular, React, Vue and jQuery

We will officially ship our JavaScript Gantt component in 2020. We hope to extend its capabilities with the following features:
  • Localization support
  • Touch device support
  • Integrated toolbar
  • Current Time Maker that indicates the current date and time within the Gantt region
  • Custom colors for Task nodes within the Gantt area
  • Customizable Context Menu
  • Customizable Task Details dialog (used to edit tasks)
  • Data validation support

DevExtreme Diagram for Angular, React, Vue and jQuery

Like our Gantt component, we expect to officially release our JavaScript Diagram components in 2020. New features will include:
  • Localization support
  • API to manage changes to the Diagram’s data model
  • Template-enabled custom shapes
  • Improved Diagram UI with an additional workspace inside the control
  • Support for dash, dot, and other types of lines for shapes and connectors
  • Auto-creation and shape connection once a connector is generated
  • Drawing-related performance enhancements
  • Support for touch-first devices

DevExtreme File Manager for Angular, React, Vue and jQuery

We will officially ship our JavaScript File Manager component in 2020. We hope to extend its capabilities with the following features:
  • Upload and download files via our ArrayFileProvider
  • Declarative column customization using component options
  • New API to manage file and directory selection and control end-user actions on UI elements
  • Intuitive file management error handling support
  • Notification and Progress panel UX enhancements

DevExtreme HTML/Markdown Editor

Table Support

As you may already know, we selected the most popular open-source implementation (Quill) as the core for our jQuery, React, Angular and Vue HTML/Markdown Editors. We constructed the control’s user interface with DevExtreme components (theme support, keyboard navigation, customization, etc).
Quill 2.0 was expected in 2019 and was purported to offer a new API with table support. Unfortunately, Quill 2.0 has yet to be released. We now need your help to make the best possible decision about table support within our editor.

Upload Images via a Form, Drag-and-Drop, and Copy/Paste

We couldn’t deliver this feature in 2019. We have prepared a custom solution you can use today if this feature is important for you. We expect to integrate this feature within the control in 2020.

DevExtreme Architectural Enhancements

For the last couple of years, we worked to extend our product line’s features and delivered multiple new products to address a broad range of usage scenarios. Throughout next year, we will dedicate significant resources to evolving existing capabilities and improving our product line’s architecture:

Reduce JS/CSS Bundle Sizes

Smaller production bundles (or code chunks) offer the following benefits:
  • Less time to compile application source code.
  • Less time to deploy applications to hosting servers.
  • Less time to deliver apps to end-user web browsers (better UX).

CSS Modules

Prior to v19.2, you had to include the complete DevExtreme CSS bundle in your app (this bundle contained styles for every single component, even if you didn’t use them all). With v19.2, we gave you the ability to create custom style bundles and specify which components to include in the CSS bundle. As a developer you need not care about referencing proper CSS manually. Our components will reference the necessary styles and the final CSS bundle will automatically include a minimized style set.

Improved Code Splitting

Code Splitting allows web developers to group application code into multiple small bundles and reduce initial load time. To help maximize its benefits, we hope to organize DevExtreme into smaller/functionality specific modules (for instance, we want to give you the option to use a read-only Data Grid without bundling any of its data editing features).

Efficient Tree Shaking

Tree shaking is the process of removing unused code during the bundling process. We plan to refactor our codebase to allow JS bundling tools to tree-shake DevExtreme products more efficiently.

Reduced Codebase Size

We believe we can reduce DevExtreme’s library size without affecting functionality:
  • Refactor DevExtreme Core to simplify/shrink component implementation.
  • Remove fallbacks and redundant features that have been addressed by new browsers or can be implemented more efficiently.
  • Extract old browser fallbacks into separate JS modules.

Rendering/Update Enhancements

Incorporate Virtual DOM Rendering

As you may know, React and Vue utilize Virtual DOM to efficiently update DOM in response to end-user actions (or other events). Though our React and Vue Components don’t use this technique, they demonstrate outstanding performance across a variety of usage scenarios. We hope to further improve performance and to leverage Virtual DOM in 2020 (including the Server-Side Rendering support in React and Vue applications).
Note, this feature implies unpredictable technical challenges and might take more than two release cycles to complete.

Accessibility

We usually incorporate accessibility with each new DevExtreme feature/component. Some of you create products for government or other sectors that require strict compliance with existing accessibility standards such as Section 508 and Web Content Accessibility Guidelines (WCAG). We will compile and publish the necessary documents/materials/references for those that must meet compliance specifications/standards.

Improved Responsiveness/Adaptivity

We plan to create and publish a fully responsive real-world DevExtreme application built from ground up. We want it to look and work perfectly on any screen – from wide desktops and tablets to mobile phones. Adaptability enhancements can be applied to many components from Toolbars and Menus to our DevExtreme Scheduler and DataGrid.



DevExtreme DataGrid/TreeList

New Export to Excel API

Export to Excel will be made more flexible and robust approach via the ExcelJS library.
Our new export capabilities will give you granular control over the Excel file generation process. We’ll do our best to make the migration process as smooth as possible. For a limited time, both options (old and new) will work side by side.
We expect to deliver the following features prior to official release:
  • Introduce transparent (WYSIWYG) export of our DataGrid’s column format.
  • Export the DataGrid’s filter configuration as Excel worksheet column filters.
  • Fully document our new export to Excel API.
  • Demonstrate popular usage scenarios via technical demos.
Once we finish with the DataGrid, we’ll extend the new Export to Excel API to our JavaScript PivotGrid and TreeList controls.

Remote Validation Support

We’ll extend Asynchronous Validation Rule support in DataGrid/TreeList cells in row and batch editing modes.

API Enhancements

We plan to improve the design-time experience of both our DataGrid and TreeList when using MVVM-like reactive frameworks such as React, Vue, and Angular. You’ll be able to work with the component state via bindings/properties rather than via instance methods. For instance, you’ll be able to bind expanded detail row IDs in the markup instead of calling the ‘expandRow’ and ’collapseRow’ methods.

UI Components

New Splitter Component

A Splitter allows you to divide a workspace into multiple panels (with dynamic widths). An end-user can use touch or a pointing device to resize panels at run-time.

DevExtreme TreeView Drag-and-Drop Enhancements

Node Reordering

Change parent-child relationships of TreeView nodes via drag-and-drop.

Cross-Component Nodes Drag-and-Drop

Move a node from one hierarchy to another using drag-and-drop.

Editors & Form Layout

Label Animations

According to Material Design Guidelines, editor placeholder text can turn into a label once the editor obtains focus. We plan to support this feature.

DevExteme Scheduler

Our Scheduler will inherit the architectural enhancements mentioned above. If you have specific requirements, please list your needs below:

Data Visualization

Annotations in Maps, Pie and Polar Charts

We recently introduced chart annotations. We plan to extend this capability to Maps, Pie and Polar Charts.

Custom Position of Chart Axes

We planned to release this feature in 19.2 but failed to do so. Please, refer to our discussion page for more information.

Additional Customization Options

We’ll allow you to use templates to render images (or other custom content) within chart axis labels.

Application Templates

Authentication UI Templates (Angular, React, Vue)

We want to extend our existing Login Form template with a new Sign Up, Reset/Change Password form template. We will also implement corresponding client-side user workflows so you can integrate our forms with your backend authentication API.

Native React Components

Native React Grid

Export to Excel

Export the contents of the DevExtreme React Grid to Excel (including options to configure formatting).

Keyboard Navigation

We’ll allow your users to navigate through Grid cells via the keyboard.

Batch Editing

A user will be able to edit, create or delete multiple records and then save or cancel changes in a single batch operation.

Popup Editing

We’ll allow users to edit a grid record in a separate popup form.

Detail Editing

Your users will be able to edit records within an inline detail form.

Row Reordering

We’ll create a plugin that allows a user to alter record order via drag-and-drop.

Native React Scheduler

Resources & Grouping

Assign resources to appointments and visualize appointments grouped by resources.

Compact View

We’ll allow you to group multiple appointments into a single item if space is limited (if we are unable to display all appointments simultaneously).

Agenda View

A compact appointment list view - A good choice for appointment visualization on mobile devices.

Native React Chart

As always, we thank you for your continued support and for choosing our JavaScript components for your development needs. Should you wish, please comment below and tell us more about your business needs.
45 comment(s)
Customer61335
Customer61335
Hello guys!

I have already read once that dxDataGrid could export to PDF. It will be available on v20.1? This implementation is really useful for all.



Felipe
11 December 2019
Meditera ( Erdem Tahtali)
Meditera ( Erdem Tahtali)
I am also waiting for this solution 
11 December 2019
Customer61335
Customer61335
Roadmap

Last updated: 15-MARCH-2019


Export to PDF - Expected in v19.2

We plan to offer a PDF export option in our DataGrid and Pivot Grid.


11 December 2019
James Case
James Case
We sometimes use Vue in multipage scenarios which we would want to include the Vue components with a simple script tag.   We request that you provide your Vue components in a single javascript file. 
11 December 2019
Moritz B.
Moritz B.
Really missing a proper tileview layout control supporting paging, export, sorting, filtering .. basically a datagrid able to simulate a tileview layout ;)
11 December 2019
Raghuram Padmanabhan
Raghuram Padmanabhan
Please include Export to PDF on devextreme data Grid.   Awaiting for this feature almost an year..
11 December 2019
Laurent BOHEAS
Laurent BOHEAS
Better facilities to custom component based on devextreme
11 December 2019
fillibuster
fillibuster
Are there any plans for OpenStreetMap Support in the Map component?
11 December 2019
BRUNO DELUARD
BRUNO DELUARD

A important need concerning the ability to create web apps like desktop apps : have a simple but powerful layout system to create apps that fits automatically in the browser's window, resize automatically, auto adapt content for datagrid, tree, pivot and others, all that without any special css.

A reference for layout is extjs. It could be wonderfull to have similar layout system in devextreme for my angular apps!


11 December 2019
Abdu Bukres 3
Abdu Bukres 3
Master detail rows exported to Excel. It's in the ASP.NET GridView.
11 December 2019
E. Taylor
E. Taylor

Hey Guys,

Thanks for this, but I abandoned the survey halfway through. The format of the questions is very off-putting. The array of reasons to choose from were too stringent.  Some of the questions felt contrived, like taking some kind of military psych evaluation.

Could you possibly return to previous format?

Thank you.

11 December 2019
CK.KP
CK.KP
Is AngularJS support being abandon?
11 December 2019
Customer56640
Customer56640
Would like to see enhancements on Pivot Grid. The ability to have aggregation type selection on Field Chooser like in excel.
11 December 2019
ThePeteSmith
ThePeteSmith
Scss files are a must. I don't like the scheme with creating modules. I want to do import the scss files I need just as I do the other libraries. DX is way behind here!
11 December 2019
Semen Kolesnikov
Semen Kolesnikov
Hello guys!

Some people have been waiting for a new Date range widget for several years (T827347, T749618, T623198).
I am also very interested in Dock components (T757456).

I was hoping this would appear on the roadmap for 2020. I'm upset that this did not happen.
11 December 2019
Mohsen Abo-Ghaly
Mohsen Abo-Ghaly

Hello,

What about the reports? there are any plans to add native dexextreme reports?

Thanks

Mohsen


11 December 2019
davide vignali
davide vignali

Hi,

relative to the HTML / Markdown Editor component, I often have a conflict between styles.

Example:

Using bootstrap 3.3.x to define the style of the site, when I use the HTML Editor component and the user uses an HTML including styles (for example to prepare an email template), these conflict with those of the host site.

This did not happen when I used the dx:ASPxHtmlEditor component.

This is a pretty serious problem that is forcing me to use both HTML and APSX components within the same site/project... a real nightmare !!!!

Thanks
Davide

11 December 2019
Polarier Tilsa
Polarier Tilsa

Hello,

Dexextreme reports please, and something like card view (https://gridstackjs.com/) or upgrade TileView

Thanks.

12 December 2019
Customer118870
Customer118870

I am expecting the Improved Code Splitting and Efficient Tree Shaking.


12 December 2019
Customer101720
Customer101720
I still have quite a few AngularJS apps that I plan on using for 2020 and possibly migrate to Angular in 2021. Is AngularJS still supported ? 
12 December 2019
Karl Ginther
Karl Ginther

Better responsive UI components for mobile is CRITICAL!! If anyone takes the time to look at Google Analytics on their web apps, Mobile by far is always the larger audience. DataGrid and Associated edit forms are very lacking in this area. We are forced to make use of Bootstrap widgets for all pop up and edit forms because dx forms are the UX friendly and less so on Mobile.

User navigation and responsiveness in dx.Grids are challenging at best on Mobile UI.

12 December 2019
Claudio Soli
Claudio Soli

Also for me responsive UI is important. 

We need SCSS version of stylesheets

12 December 2019
Stig Haukland
Stig Haukland
Export to Excel for the Native React Grid is a "must-have" feature.
12 December 2019
Alex B (DevExpress)
Alex B (DevExpress)
Hello everyone
 
First, thanks for sharing your thoughts and requirements with us. Your feedback is quite helpful. 
 
> I have already read once that dxDataGrid could export to PDF. It will be available on v20.1? This implementation is really useful for all.

You are right, we mentioned this feature in our final 2019 Roadmap blog post (it was considered for 19.2 or later). As you may know, we are currently working on a new Export to Excel API (it received more votes than PDF export - 73% vs 48% of the votes). PDF support is the next item in our DataGrid export feature list. In order to make Excel/PDF Export support possible, we refactored significant portions of our codebase last year. All of this has taken more time than was expected... please accept my apologies.  
 
> Better facilities to custom component based on devextreme

We would appreciate if you can expand on this request and share which specific custom components you wish to implement based on DevExtreme. Any thoughts/ideas on possible customization APIs would also be helpful.
 
> Are there any plans for OpenStreetMap Support in the Map component?

We received similar requests in the past, but they were quite rare. We'll check if we can quickly introduce a custom map provider API to our Map component.
 
> Is AngularJS support being abandon?

No, it's not. We still support it, but will not introduce new features. Note, that on July 1, 2018 AngularJS entered a 3 year Long Term Support period. We highly recommend that you upgrade to Angular 8.
 
> relative to the HTML / Markdown Editor component, I often have a conflict between styles

Please share your HTML Editor configuration/content so we can investigate. If it's an issue in our HTML Editor, we will certainly do what we can to address the problem. 
13 December 2019
Girosoft Informática
Girosoft Informática
Please include Kanban Control on devextreme.
13 December 2019
Customer93190
Customer93190

Data grid with big data - performance

Charts - more customization

14 December 2019
Customer93190
Customer93190
The date and time RangePicker is most important! and missing from your component
16 December 2019
Customer40283
Customer40283

Virtual Scrolling for the Scheduler. It is really needed and your scheduler is one of the best one of the market when it comes to features. But performance wise it needs some improvements.

It is really important and it was on your roadmap in 2019. What's the plan for that?

 

Performance - Virtual Scrolling (v19.2 or later)
To help improve overall performance and usability, we hope to add a new virtual scrolling mode to our Scheduler widget. When enabled, only visible appointments will be rendered.

16 December 2019
Leontiev Alexey
Leontiev Alexey
I am expecting support shadow dom 
16 December 2019
AKo
AKo
Please add Dock components to roadmap
16 December 2019
Customer76821
Customer76821

Hi,

Why does treeList remote paging again not included in roadmap?

17 December 2019
Mike Postel
Mike Postel
Please allow adding rows at the bottom of datagrid, adding it on top is not a natural behaviour for users coming from any possible platform
17 December 2019
Manuel Haas (TS)
Manuel Haas (TS)
New Kanban Board Widget!! I thought it was on the roadmap for 2019?!
18 December 2019
Manuel Haas (TS)
Manuel Haas (TS)
Is Knockout still supported?
18 December 2019
Alex B (DevExpress)
Alex B (DevExpress)
> Please include Kanban Control on devextreme.

We plan to introduce a standalone Kanban component a bit later. In 19.2 we made it easy to implement a Kanban board using our new Drag-and-Drop Utilities. We have a corresponding Kanban demo that demonstrates what you can deliver today. Feel free to contact us via the DevExpress Support Center if you encounter any difficulties while implementing your specific requirements.
 
> Data grid with big data - performance
> Charts - more customization

Can you please elaborate? What would you like to customize in our Charts? Where have you encountered performance issues with our DataGrid? Please take a moment to submit a support ticket via the DevExpress Support Center and we'll make certain to follow up with you asap.

> The date and time RangePicker is most important! and missing from your component
 
I'm afraid we won't be able to allocate enough resources to implement a standalone DateRange component in 2020, but it's definitely in our long-term roadmap. If you need this capability right now, please let us know, we'll help you implement a solution using our existing DateBox or Calendar components.

> Virtual Scrolling for the Scheduler. What's the plan for that?

This is also in our long-term roadmap, but I can't promise we'll ship it in 2020. Also, I would appreciate it if you could share more info on your requirements here or via our Support Center.

> I am expecting support shadow dom

That's interesting. May I ask what benefits you expect from shadow dom?
 
> Why does treeList remote paging again not included in roadmap?
 
We failed to deliver this feature in 2019. We now need to re-prioritize it in the context of our new roadmap. We didn't drop it entirely from our plans. We just have to postpone it for a while.
 
> Is Knockout still supported?

Yes, it is. Note that we don't recommend creating new apps using Knockout. Consider using Angular, React or Vue.
19 December 2019
Mike Postel
Mike Postel

Please allow normal natural behaviour for editable datagrids

- new row at bottom

- automatic creation of new row when previous row is finished

- automatic creation of new row when grid is empty and user clicks

- easy way to specify which cells are read only / hidden (on cell level, not column)


25 December 2019
enio AG
enio AG
Whate we are missing most from your components set is a pdf viewer - including the most common actions (zoom, page navigation, download, rotate)
9 January 2020
Customer121077
Customer121077
Please add an new event in the Pivot Grid to allow efficient changing of field formats when dragging fields to the Columns or Rows area - please see https://www.devexpress.com/Support/Center/Question/Details/T849393/
10 January 2020
Mohsen Abo-Ghaly
Mohsen Abo-Ghaly

Hello,

Features and new widgets missing:

** REPORTS: native DevExteme report viewer (MAJOR).

** DataGrid/TreeList: performance issue with lookup column with big data.

** DataGrid/TreeList: Color Column (Use Color Box as editor but with the BASIC colors only).

** TabPanel: Close button on the TabPanel without workaround .. (important).

** TabPanel: Give the ability to hide/show the tabs headers.

** TabPanel: mutiline feature (for Tabs header).

** TabPanel: Ability to convert the TabPanel to Popup and  move it back (using button or via drag-drop)  - the same as the browsers tabs.

** Captcha widget: no one want to use control outside devextreme widgets group.

** Menus: Ability to use "Plain Data Structure" with menus (the same as TreeView widget).

** Color Box Editor: Give the ability to show the editor with the BASIC colors only.


Thanks

Mohsen

11 January 2020
Mohsen Abo-Ghaly
Mohsen Abo-Ghaly

Hello,

Another issue (Diagram widget):

I wrote this previously in the survey.

Add the requirements features to use the Diagram widget as mind mapping widget.

All these features will increase its efficiency as Diagram widget and will give it the ability to be used as mind maps.

Many good features like add "+/-" to expand/collapse the groups .. new arrows/connectors ..direction property.. colors templates/scheme .. and more..

Thanks

Mohsen

11 January 2020
Mohsen Abo-Ghaly
Mohsen Abo-Ghaly

Hello,

Another issues (the same as other product lines):

** RTF editor.

** PDF viewer.

** HTML editor - ability to insert youtube videos.

** From roadmap 2019 "Virtual Scrolling and Lazy Loading Everywhere": DataGrid/TreeList lookup column >> filter row and the related editor SelectBox >> this feature is not supported here and not supported for the "SelectBox" widget as well and this is MAJOR.

** Spreadsheet, Spell Checker, Dock widget ..

and more ..


I think that DevExtreme is very good and it is the best product line and it is the future of web apps.

But I think that 2020 roatmap is not rich enough, to convert our apps to DevExtreme we have to use additional product line to covers these gaps.. maybe I'm wrong.

Thanks

Mohsen

12 January 2020
Customer101607
Customer101607
We need Scss code. If possible broken down by component. Please consider adding this to the 2020 roadmap.
13 January 2020
Mohsen Abo-Ghaly
Mohsen Abo-Ghaly

Hello Alex,

Any replies from Devepress .. anyone there !! 

Need good news ..

Thanks

Mohsen


20 January 2020
Alex B (DevExpress)
Alex B (DevExpress)

Hello,

I'd like to thank everyone who has shared their requirements and suggestions with us. We are working on our final DevExtreme Roadmap for 2020 and will publish it soon.

@Mohsen Thank you for your detailed list. We'll consider every point in the context of general demand and the resources we have.


20 January 2020
Mohsen Abo-Ghaly
Mohsen Abo-Ghaly

Hello Alex,

Thanks for your reply.

Please we need to use DevExtreme as complete product line. in other words missing issues and gaps should be a priority.

Especially that there are small things but they make a big difference with us.

Examples: 

** TabPanel: Close button on the TabPanel without workaround .. (important).

** TabPanel: Give the ability to hide/show the tabs headers.

** HTML editor - ability to insert youtube videos.

** "Virtual Scrolling and Lazy Loading Everywhere": DataGrid/TreeList lookup column >> filter row and the related editor SelectBox >> this feature is not supported here and not supported for the "SelectBox" widget as well and this is MAJOR.

** Captcha widget: no one want to use control outside devextreme widgets group.

AND the major things:

** REPORTS: native DevExteme reports (MAJOR).

** A fully responsive real-world DevExtreme.

Thanks

Mohsen

21 January 2020

Please login or register to post comments.