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:

Links to helpful items

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

DevExtreme links:
- DevExtreme examples on GitHub - These are the main DevExtreme module samples
- DevExtreme Basics: Add a wiget

RequireJS:
- RequireJS - Why
- RequireJS - Why AMD

WebPack:
- WebPack - Getting Started
- Webpack: When To Use And Why

Other links:
- Hanselman's blog post on NPM
- RequireJS optimization
- Bower packer manager

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!