Aug 30, 2016
Mehul Harry (DevExpress)

DevExtreme and Modularity: Bundles, RequireJS, and WebPack

Good news, the DevExtreme widgets are now available as separate modules in the v16.1 release! Modules provide benefits and are key components in Modularity:

Modular programming is a software design technique that emphasizes separating the functionality of a program into independent, interchangeable modules, such that each contains everything necessary to execute only one aspect of the desired functionality. Wikipedia

Separate DevExtreme widget modules can help you create a smaller bundle of necessary scripts that need to be loaded for your project.

However, there is a big warning with modules: You are now responsible for making sure to include the necessary DevExtreme modules that are referenced in your project. If you do not include the necessary modules then your project will have website errors.

I demonstrate and discuss these points in the webinar below.

Watch the webinar

Watch my recent webinar to learn how to use DevExtreme Modules with RequireJS and WebPack:

Webinar

Links to helpful items

Here are several helpful links that were mentioned in the webinar:

DevExtreme links:

RequireJS:

WebPack:

Other links:

I'd love for you to watch the video, try the GitHub DevExtreme examples, and then give us your feedback. You can email me, drop me a comment below, or even tweet me.

Thanks!